1. 程式人生 > >多圖片上傳

多圖片上傳

 HTML部分

<div style=" position: relative;">
    <input name='images[]'  value=""  type='hidden'>
    <input name='flie' type='file'  onchange='drugreportupload(this)' class='input-text' style=' position: absolute; z-index: 99; opacity: 0; ' multiple>
  <a class='btn btn-secondary size-S radius upload_cc' data-type='form' style='z-index:1;' lay-filter='uploadsss'>藥檢報告上傳</a>
</div>

 JS部分

function drugreportupload(obj){
    var files = $(obj).get(0).files[0];
    var data = new FormData();
    $.each($(obj).get(0).files,function(index,item){
        data.append('file[]', item);
    });
    
    data.append('folder','demo');
    data.append('size',10240);
    $.ajax({ 
        type: 'POST', 
        url: 'publics/uploadmultiplefile', 
        data: data, 
        cache: false, 
        processData: false, 
        contentType: false, 
        success: function (ret) {
            console.log(ret);
            if(ret.code==0){
                $(obj).prev().val(ret.data);
            }else{
                alert(ret.msg);
            }
        } 
    });

}