玩转图片上传————原生js XMLHttpRequest 结合FormData对象实现的图片上传

Posted 再多bug也要往前走

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了玩转图片上传————原生js XMLHttpRequest 结合FormData对象实现的图片上传相关的知识,希望对你有一定的参考价值。

var form=document.getElementById("formId");
        var formData=new FormData(form);
        var oReq = new XMLHttpRequest();
        oReq.onreadystatechange=function(){
          if(oReq.readyState==4){
            if(oReq.status==200){
                var json=JSON.parse(oReq.responseText);
                console.log(json);
            }
          }
        }
        oReq.open("POST", "http://localhost:3000/doup");
        oReq.send(formData); 

  该方法是可以跨域的(端口不同的跨域),亲测可用!

  服务端如何处理的解决方案看我的这篇文章http://www.cnblogs.com/theone67/p/6698762.html

以上是关于玩转图片上传————原生js XMLHttpRequest 结合FormData对象实现的图片上传的主要内容,如果未能解决你的问题,请参考以下文章

纯原生js移动端图片压缩上传插件

原生 js 上传图片

原生js上传图片遇到的坑

原生JS实现异步图片上传(预览)

原生JS,前端压缩图片方案

js文件图片上传(原生方法和jquery的ajax两种都有)