html:
<form action="url" enctype="multipart/form-data" id="myform" method="post"> <input accept="image/*" id="addfile" type="file" /> </form>
jquery:
$("#addfile").on('change', function () { var f = $(this).get(0).files[0]; var form = document.getelementbyid('myform'); var formdata = new formdata(form); formdata.append('filedata', f); var xhr = new xmlhttprequest(); xhr.addeventlistener("load", uploadcomplete, false); xhr.addeventlistener("error", uploadfailed, false); xhr.open('post', form.action); xhr.send(formdata); }); function uploadcomplete(evt) { var data=evt.target.responsetext } function uploadfailed() { alert("上传失败!请重试!"); }
以上所述是小编给大家介绍的javascript异步上传图片文件的实例代码,希望对大家有所帮助
如对本文有疑问, 点击进行留言回复!!
2020-07-21 html5如何监听veido的全屏 + css的字体间距 + JS的window.open() + 软技能svn与git
html+css+js适合前端小白的实战全解(超详细)——2048小游戏(二)
在使用@angular/cli创建的angular项目上添加postcss等一系列移动端自适应插件
网友评论