天天看點

vue使用axios結合PHP多檔案上傳

<input type="file" ref="file" @change="upd" multiple>
//單檔案不需要加判斷 多檔案multiple加一個判斷。 由于e.target.files是可疊代的對象我們先轉換數組循環判斷也是可以做單檔案上傳
upd: function (e) {
            console.log(this.$refs.file)
            console.log(e.target.files instanceof Array)//false
            let file = new FormData()
            let arr = Array.from(e.target.files)
           for(var i=0;i<arr.length;i++){
   file.append('file[]',arr[i])//file[]注意多檔案格式 單檔案file不需要循環
           }
           console.log(file.getAll('file'))
            this.$axios.post('http://localhost:8000/tp5/publica/index/bii/upload',file,{
                headers:{
                    "content-type":"multipart/form-data"
                }
            }).then((res) =>{
                console.log(res)
            })
        }      
header("Access-Control-Allow-Origin:*");
    if($_FILES){
      return json($_FILES);
    }
    else{
      return \json(array('info'=>"沒有上傳"));
    }