html 中 file 类型的 input 输入框,可以将本地的文件上传到网站的服务器,但它的上传需要 form 表单提交触发的。而今天我们要说一说,file 类型的输入框在选择本地文件后,自动上传的方法。
input file选择文件后自动上传
可以使用js代码中的FormData对象,利用 change 触发上传,
FormData对象:此对象用以将数据编译成键值对,以便用XMLHttpRequest来发送数据。其主要用于发送表单数据,但亦可用于发送带键数据(keyed data),而独立于表单使用。如果表单enctype属性设为multipart/form-data ,则会使用表单的submit()方法来发送数据,从而,发送数据具有同样形式。
代码如下:
html代码
jq代码
$(‘body’).on(‘change’,’#upLoad’,function(){
var formData = new FormData();
var name =
(
(
((this)).val();
var files =
(
(
((this))[0].files[0];
formData.append(“file”, files);
formData.append(“name”, name);
//另外加的参数
formData.append(“act”, “PostImg”);
var index = layer.msg(‘正在提交中…’);
$.ajax({
url: ‘img.php’,
type: ‘POST’,
data: formData,
processData: false,
contentType: false,
dataType: ‘json’,
success:function (res) {
alert(‘上传成功’);
}
,error:function (res) {
alert(‘错误’);
}
});
})
本文章来源:
https://www.feiniaomy.com/post/463.html
input file选择文件后自动上传的代码
最新推荐文章于 2024-07-21 03:01:07 发布