JavaScript异步上传图片文件的实例代码
更新时间：2017年07月04日 12:06:37 作者：小太阳Sunny
本文通过实例代码给大家介绍了js异步上传图片文件的方法，包括html和jquery代码，需要的的朋友参考下吧
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异步上传图片文件的实例代码，希望对大家有所帮助，如果大家有任何疑问请给我留言，小编会及时回复大家的。在此也非常感谢大家对脚本之家网站的支持！
相关文章
TypeScript中import type与import的区别详析
ES6引入了模块化,其设计思想是在编译时就能确定模块的依赖关系,以及输入和输出的变量,下面这篇文章主要给大家介绍了关于TypeScript中import type与import区别的相关资料,需要的朋友可以参考下2022-07-07
JavaScript 是一门基于原型的语言,它的继承机制与传统的基于类的面向对象编程有所不同,尽管 ES6 引入了 class 语法,但本质上仍然是基于原型链的继承,本文将详细介绍 JavaScript 继承的几种实现方式,需要的朋友可以参考下2025-03-03
这篇文章主要介绍了JS开发常用工具函数2019-07-07
实现一个五子棋游戏, 简要分析其原理, 页面并没有很花哨, 原理搞懂了, 后面的就是很轻松的事了,本文给大家介绍了如何用纯JS实现一个五子棋游戏,文中通过代码示例给大家介绍的非常详细,具有一定的参考价值,需要的朋友可以参考下2023-12-12
这篇文章主要为大家详细介绍了JavaScript如何利用SpeechSynthesis实现文字转语音即文本朗读的功能,感兴趣的小伙伴可以跟随小编一起学习一下2023-10-10
移动端左右滑动切换页面效果完整代码(纯JavaScript)
这篇文章主要介绍了如何通过原生JavaScript实现移动端左右滑动效果,并结合tab切换卡功能,文中通过代码介绍的非常详细,需要的朋友可以参考下2025-03-03
这篇文章主要介绍了JS弹出层的绝对定位居中是如何实现的,需要的朋友可以参考下2014-02-02
本文将结合实例代码，介绍Bootstrap5的断点与容器的具体使用，文中通过示例代码介绍的非常详细，需要的朋友们下面随着小编来一起学习学习吧2021-07-07
这篇文章主要为大家介绍了一文搞懂 parseInt()函数异常行为示例详解，有需要的朋友可以借鉴参考下，希望能够有所帮助，祝大家多多进步，早日升职加薪2023-05-05
javascript中的缓动效果可以应用于很多地方，比如距离位移上的变化：图片的滚动、焦点图的轮转切换，透明度上的变化：渐隐渐现。凡是存在运动的状态都适用，下面以最基本的块在容器内从左到右滑动为例，讲下几种不同的缓动处理方式2012-12-12
最新评论