xmlhttprequest用于本地文件

Question

我有一个文件的路径,我想发送到服务器的休息Web服务.我正在使用xmlhttprequest对象.这篇文章如下:

var url = "http://localhost:8080/RestWSGS/jersey/gridsense";
 var boundary = "--------------" + (new Date).getTime();
  xmlHttp.open('POST', url, true);
  xmlHttp.onreadystatechange = function ()
  {
      if (this.readyState != 4)
        return;

      var result =this.responseText;
    document.write(result);
    };
  xmlHttp.setRequestHeader('Content-Type', 'multipart/form-data; boundary=' + boundary);

var  part ="";
 part += 'Content-Disposition: form-data; ';
  part += 'name="' + document.getElementById("filename").name + '" ; ';
  //alert(document.getElementById("filename").value);
  part += 'filename="'+ document.getElementById("filename").value +  '";\r\n';

  part += "Content-Type: application/xml";
  part += "\r\n\r\n"; // marks end of the headers part
  part += 'filename="'+ document.getElementById("filename").value +  '";\r\n';
  part+= data;
   var request = "--" + boundary + "\r\n";
  request+= part /* + "--" + boundary + "\r\n" */;
  request+= "--" + boundary + "--" + "\r\n";
  alert(request); 
  xmlHttp.send(request);  

我要发送的数据位于客户端本地磁盘上.我想为它使用get方法:

var str = document.getElementById("filename").value;


    var data;
    var xmlhttp1 = getNewHTTPObject();
    xmlhttp1.open("GET", 
    "file:///New Folder/" +document.getElementById("filename").value , false);

    xmlhttp1.send(null);
    alert('hi' + xmlhttp1.status);
    xmlhttp1.onreadystatechange = function()    {
        if (this.status == 0)
        {
            alert("resp " + this.responseText);
            data = this.responseText;
        }
    }

file://不起作用.如果我将我的文件放在客户端目录中并删除文件:///然后我至少可以看到xmlhttprequest打开并给出状态200(我认为确定!!).我读到本地文件检查状态== 0而不是readystatus == 4所以我这样做但它仍然提供数据变量未定义,因此该文件不会转到服务器.最初,当我将表单操作作为我的其他URL时,它正在上传很好.由于我没有使用html5,因此无法从input type = file元素中获取File对象.我想直接使用xmlhttprequest对象而不是表单元素.如有任何建议或提示KAvita,请帮助我解决这个问题

---

即使我使用表单提交进行上传,我如何使用Web服务的返回值.这就是我需要使用xmlhttpRequest的原因.如果有人可以建议如何使用动作的返回值,那就太棒了!卡维塔

Answer 1

从历史上看,您无法从JavaScript查询本地文件(或者不应该被允许,或者某些东西是奇怪的).这将严重违反安全规定.

只有少数几种情况可以执行此操作,但通常它们涉及需要为浏览器设置的特定安全设置,要么解除限制,要么通知当前页面的执行过程,即授予此特殊权限.例如,这可以通过编辑属性在Firefox中实现.如果他们请求文件访问权限,那么在开发浏览器扩展(例如Chrome或FF)时通常也可以.

解决此限制的另一种方法是托管本地Web服务器,并在其上声明虚拟主机以便能够执行此类AJAX请求以获取本地文件.对于Web开发人员来说,采用这种技巧(更像是标准,真的)来获得本地开发的好处但同时复制生产系统是很常见的.例如,您可以使用像Jetty这样的轻量级Web服务器.

(你似乎遇到的另一个卑鄙的烦恼是,某些浏览器 - 至少是一些相对较旧的FF版本,比如3.6.x--当他们的请求被根据内部安全策略阻止时,有时会返回像200这样的正面错误代码一段时间可能很混乱...).

最后,较新的HTML5 API确实提供了一些新的构造来访问本地文件.考虑阅读:

• 使用File API在JavaScript中读取文件
• 探索FileSystem API

其他SO问题也提供了额外的指示:

• 从html文件夹中的HTML5桌面应用程序访问本地文件
• 允许在HTML5应用程序中访问Intranet /本地文件的解决方案？

Answer 2

我使用iframe.

<div class="item" onclick="page(event)">HTML5</div>

<iframe id="page" src="">

function page(e) {
    trigger = e.currentTarget.innerHTML;
    docname = new String(trigger + ".txt");
    document.getElementById("page").src = docname;
}