<tfoot id="weggm"></tfoot>

<strike id="weggm"></strike>

<del id="weggm"></del>

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

justjavac 發布于2019-06-28 14:20 / 2242人閱讀

摘要：如有上面有什么寫得不對的地方，大佬們可以指出來如果這篇文章對你有用，可以點個贊或者是收藏，算是對作者的鼓勵另附上小弟網站。。。

前端

 //accept限制上傳的類型

后端寫法:(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 推廣一波...

GPU云服務器云服務器 ajax原生js實現原生js實現ajax 簡單的上傳圖片js 原生php ajax

文章版權歸作者所有，未經允許請勿轉載,若此文章存在違規行為，您可以聯系管理員刪除。

轉載請注明本文地址：http://specialneedsforspecialkids.com/yun/26120.html

vuejs使用FormData，ajax上傳圖片文件

摘要：我相信很多使用的朋友，都有采用上傳圖片的需求，因為前后端分離后，我們希望都能用來解決數據問題，傳統的表單提交會導致提交成功后頁面跳轉，而使用能夠無刷新上傳圖片等文件。我相信很多使用vuejs的朋友，都有采用ajax上傳圖片的需求，因為前后端分離后，我們希望都能用ajax來解決數據問題，傳統的表單提交會導致提交成功后頁面跳轉，而使用ajax能夠無刷新上傳圖片等文件。其實已經有朋友封裝了...

zollero 2019-08-20 18:34 評論0 收藏0
在Laravel項目中實現Ajax上傳用戶頭像

摘要：在編寫程序的過程中，經常會遇到一個經典的文件上傳場景上傳頭像圖片。基于對最好的用戶體驗的追求，寫一下之前在項目中實現在項目中的上傳頭像。在編寫web程序的過程中，經常會遇到一個經典的文件上傳場景：上傳頭像（圖片）。基于對最好的用戶體驗的追求，寫一下之前在項目中實現在Laravel項目中的Ajax上傳頭像。 1.配置路由在Laravel的routes.php中設置路由： Rou...

shiina 2019-06-27 11:20 評論0 收藏0
Http請求中的Content-Type

摘要：協議采用了請求響應模型。報頭分為通用報頭，請求報頭，響應報頭和實體報頭。格式支持比鍵值對復雜得多的結構化數據，這一點也很有用。例如下面這段代碼最終發送的請求是這種方案，可以方便的提交復雜的結構化數據，特別適合的接口。一前言 ----現在搞前端的不學好http有關的知識已經不行啦～筆者也是后知后覺，在搞node的時候意識到網絡方面的薄弱，開始學起http相關知識。這一篇是非常基礎的講...

Betta 2019-08-26 11:32 評論0 收藏0
使用原生JS 或jquery ajax 獲取上傳圖片實時進度

話不多說直接上代碼 jquery 版 $.ajax({ url: URL, type: POST, data: fd, processData: false, //用來回避jquery對formdata的默認序列化，XMLHttpRequest會對其進行正確處理 contentType: false, /...

PingCAP 2019-08-22 13:52 評論0 收藏0