JavaScript如何实现异步上传图片文件

这篇文章将为大家详细讲解有关JavaScript如何实现异步上传图片文件，小编觉得挺实用的，因此分享给大家做个参考，希望大家阅读完这篇文章后可以有所收获。

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如何实现异步上传图片文件”这篇文章就分享到这里了，希望以上内容可以对大家有一定的帮助，使各位可以学到更多知识，如果觉得文章不错，请把它分享出去让更多的人看到。