JS文件/图片从电脑里面拖拽到浏览器上传文件/图片

1.效果展示

2.html代码：

！DOCTYPE html html lang=' en ' head meta charset=' UTF-8 ' title/title script src=' http :/上传。js '/script style # drop img { width : 100px；高度： 100像素；margin : 10px }/style/head body on load=' test()' div id=' drop ' style=' width : 500 px；高度： 400像素；背景技术# eee margin : 0 auto div style=' clear : both/div/div p style=' text-align : center '按钮onclick='up()'提交/button/p/body/html3 .引入射流研究…

射流研究…地址：http://个文件。cn博客。com/files/jiebba/上传。射流研究…

4.引用插件

var formData=new FormData()，list={ } function test(){ var d=new drag uploads(). d . getdrag image({ id : ' drop '，Dropcallback : function(data){ if(list[data。name])返回；列表[数据。name]=true formdata。追加('文件'，数据。blob)；formData.append('asdfas '，' asdfasdf ')；document.getElementById('drop ').appendChild(data.img) /* *返回img对象，url，blob对象* */}}) }函数up(){控制台。日志(表单数据)/* *表单数据这个对象即我们要传的值* 通过异步发布/获取给后台即可* */}以上所述是小编给大家介绍的射流研究…文件/图片从电脑里面拖拽到浏览器上传文件/图片，希望对大家有所帮助，如果大家有任何疑问请给我留言，小编会及时回复大家的。在此也非常感谢大家对我们网站的支持！