1。效果展示
2。html代码:
& lt; !DOCTYPE html>
& lt; html lang=癳n”比;
& lt; head>
& lt;元charset=皍tf - 8”比;
& lt; title> Title
& lt;脚本src=" https://www.yisu.com/zixun/upload.js "祝辞& lt;/script>
& lt; style>
#下降img{宽度:100 px;高度:100 px;保证金:10 px;}
& lt;/style>
& lt;/head>
& lt; body>
& lt; div id=跋陆怠北?
& lt; div祝辞& lt;/div>
& lt;/div>
& lt; p祝辞& lt; button>提交& lt;/button> & lt;/p>
& lt;/body>
& lt;/html>
3。引入js
js地址:http://files.cnblogs.com/files/jiebba/upload.js
4。引用插件
var formData=https://www.yisu.com/zixun/new formData(),列表={}
功能测试(){
var d=new DragUpLoads ()
d。getDragImage ({id:“下降”,dropCallback:功能(数据){
如果(列表[data.name])返回;
列表(data.name)=true
formData。追加(“文件”,data.blob);
formData。追加(“asdfas”、“asdfasdf”);
. getelementbyid(下降).appendChild (data.img)/*
*返回img对象、url、团对象
* */}})
}
函数(){
console.log (formData)/*
* formData这个对象即我们要传的值
*通过异步post/get给后台即可
* */}
以上所述是小编给大家介绍的JS文件/图片从电脑里面拖拽到浏览器上传文件/图片,希望对大家有所帮助,如果大家有任何疑问请给我留的言,小编会及时回复大家的。在此也非常感谢大家对网站的支持!
