时间:2021-05-26
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异步上传图片文件的实例代码,希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对网站的支持!
声明:本页内容来源网络,仅供用户参考;我单位不保证亦不表示资料全面及准确无误,也不保证亦不表示这些资料为最新信息,如因任何原因,本网内容或者用户因倚赖本网内容造成任何损失或损害,我单位将不会负任何法律责任。如涉及版权问题,请提交至online#300.cn邮箱联系删除。
本文实例为大家分享了jquery实现异步文件上传的具体代码,供大家参考,具体内容如下ajaxfileupload.js异步上传文件:直接引用。调用方法:$.aj
本文实例为大家分享了vue.js异步上传文件的具体代码,供大家参考,具体内容如下上传文件前端代码如下:上传{{result}}正在上传中newVue({el:'
本文实例为大家分享了JavaScript实现单图片上传并预览功能的具体代码,供大家参考,具体内容如下单图片上传并实现预览.addPerson{l
本文实例为大家分享了php+ajax实现无刷新文件上传的具体代码,供大家参考,具体内容如下文件上传的表单格式AjaxFileUpload实现文件异步上传效果更好
本文为大家分享了ajax异步上传文件或图片功能的具体代码,供大家参考,具体内容如下//html代码//js代码(':button').click(functio