【JavaScript】一度に複数のファイルをアップロードしてファイルが空かどうかを判断する
5750 ワード
//ファイルHTMLをアップロード:
//複数のファイルをアップロードし、inputにmultiple属性を追加
//ファイルが空かどうかを判断する
<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;
}