原生ajax+php上傳圖片的簡單實現

前端

<input type="file" onclick="updown" accept="image/png,image/gif">//accept限制上傳的類型
 <script> 
     function upload1(obj){
var files = obj.files ;
var formData = new FormData();
    $.ajax({
          url: download.php,
          type: "POST",
          data:formData,
          dataType:'json',
          cache:false,         //不設置緩存
          processData: false,  // 不處理數據
          contentType: false,   // 不設置內容類型
    success:function(res){
    }
    }); 
}
</script>

後端寫法:(download.php)

$data = var_export($_FILES,true);//接收FormData
define('UPLOAD_DIR', '../Resources/skill/');//這裏設置你的下載目錄
$fileName = UPLOAD_DIR.$a. '.gif';//這裏也能夠是其餘文件類型，不過前端的accept也要變化
$success = file_put_contents($fileName,$data);//上傳文件 這裏須要傳兩個參數一個是 文件路徑+文件   另外一個是咱們從前端接收的FormData
$data=array();
if($success){
        $data['status']=$fileName;
        $data['msg']='上傳成功';
        echo json_encode($data);
}else{
        $data['status']=0;
        $data['msg']='系統繁忙，請售後再試';
        echo json_encode($data);
}
//最後返回的就是json格式

這裏PHP最關鍵的是函數是file_put_contents()
函數把一個字符串寫入文件中。

若有上面有什麼寫得不對的地方，大佬們能夠指出來

若是這篇文章對你有用，能夠點個贊或者是收藏，算是對做者的鼓勵~

另附上小弟網站。。。www.entercode.cn 推廣一波...