//上传一个文件
HTML:
<form id="uploadFileForm">
<input type="file" name="file" id="updateFileInput"/>
</form>
$("#uploadFile\Form").change(function(){
var formData = new FormData($('#uploadFileForm')[0]);
//如果上传的文件不为空
if($("input[type='file']").val() != ""){
//打开loading层
var index = layer.load(1, {
shade: [0.2,'#fff']
});
//ajax上传数据
$.ajax({
cache:false,
contentType: false,
processData: false,
url:接口地址,
type:'POST',
enctype:'multipart/form-data',
data:formData,
dataType:'JSON',
success:function (data) {
//上传成功的回调
layer.close(index);
}
})
}
})
//上传多个文件 , 给input加个multiple属性
<form id="uploadFileForm">
<input type="file" name="file" id="updateFileInput" multiple/>
</form>
$("#uploadFileHiddenForm").change(function(){
var formData = new FormData();
var files = $('#updateFileInput')[0].files;
for (var i = 0; i < files.length; i++) {
formData.append("file" + i, files[i]);
}
//如果上传的文件不为空
if($("input[type='file']").val() != ""){
//打开loading层
var index = layer.load(1, {
shade: [0.2,'#fff']
});
$.ajax({
cache:false,
contentType: false,
processData: false,
url:U('upload/projectFileUpload'),
type:'POST',
async:false,
enctype:'multipart/form-data',
data:formData,
dataType:'JSON',
success:function (data) {
//上传成功的回调
layer.close(index);
}
})
}
})
//判断文件是否为空
if($("input[type='file']").val() != "")
{
console.log("文件不为空!");
return;
}
else
{
console.log("请选择文件上传!");
return;
}