你的位置:首页 > 软件开发 > Java > Jquery~跨域异步上传文件

Jquery~跨域异步上传文件

发布时间:2016-04-26 12:00:04
先说明白这个跨域异步上传功能我们借助了Jquery.form插件,它在异步表单方面很有成效,而跨域我们会在HTTP响应头上添加access-control-allow-method,当然这个头标记只有IE10,火狐和谷歌上支持,对于IE10以下的浏览器来说,我们就不能用这种方式了 ...

先说明白

这个跨域异步上传功能我们借助了Jquery.form插件,它在异步表单方面很有成效,而跨域我们会在HTTP响应头上添加access-control-allow-method,当然这个头标记只有IE10,火狐和谷歌上支持,对于IE10以下的浏览器来说,我们就不能用这种方式了,我们需要换个思路去干这事,让服务端去重写向我们的客户端,由客户端(与文件上传页面在同域下)来返回相关数据即可。

再做事

1 Jquery.form的使用

<form method="post" action="http://127.0.0.1:801/Home/UploadResult" enctype="multipart/form-data" id="form1">  <input name="qdctvfile" id="qdctvfile11" type="file" onchange="eventStart()"></form><script type="text/javascript">  $("#form1").ajaxForm({    beforeSerialize: function () {      var filepath = $("#qdctvfile11").val()      var extStart = filepath.lastIndexOf(".");      var ext = filepath.substring(extStart, filepath.length).toUpperCase();      if (ext != ".PNG" && ext != ".JPG") {        alert("图片仅支持png,jpg格式");        $("#qdctvfile11").val("");        return false;      }    },    success: function (data) {      alert(data);    }  });  function eventStart(obj) {    $("#form1").submit();  }

原标题:Jquery~跨域异步上传文件

关键词:jquery

*特别声明:以上内容来自于网络收集,著作权属原作者所有,如有侵权,请联系我们: admin#shaoqun.com (#换成@)。

可能感兴趣文章

我的浏览记录