資訊專欄INFORMATION COLUMN
摘要：近來(lái)學(xué)習(xí)的過(guò)程中，項(xiàng)目中有個(gè)發(fā)帖功能，選擇主題圖片。如下利用原始的文件上傳處理，雖然通過(guò)原始語(yǔ)句能實(shí)時(shí)顯示上傳圖片，但是這樣的話會(huì)涉及很多兼容問(wèn)題。使用技術(shù)，實(shí)現(xiàn)選擇性刪除所選圖片功能，并不會(huì)有兼容問(wèn)題。
近來(lái)學(xué)習(xí)tp5的過(guò)程中，項(xiàng)目中有個(gè)發(fā)帖功能，選擇主題圖片。如下：
利用原始的文件上傳處理，雖然通過(guò)原始js語(yǔ)句能實(shí)時(shí)顯示上傳圖片，但是這樣的話會(huì)涉及很多兼容問(wèn)題。使用ajax技術(shù)，實(shí)現(xiàn)選擇性刪除所選圖片功能，并不會(huì)有兼容問(wèn)題。
表單文件form：
需要發(fā)送Ajax請(qǐng)求的話，當(dāng)然表單是不能實(shí)現(xiàn)我們的需求的，因此，我們需要給表單關(guān)聯(lián)一個(gè)單擊事件去幫我們進(jìn)行Ajax請(qǐng)求并選擇圖片。
當(dāng)我們點(diǎn)擊上傳圖片這個(gè)button按鈕時(shí)觸發(fā)選擇圖片實(shí)現(xiàn)Ajax上傳
JavaScript代碼：
點(diǎn)擊選擇圖片之后就是交給服務(wù)器端處理了。
php接口文件：
public function upimg()
{
//驗(yàn)證
$file = request()->file("img");
// 移動(dòng)到框架應(yīng)用根目錄/public/uploads/ 目錄下
if($file){
$info = $file->move(ROOT_PATH . "public" . DS . "uploads");
if($info){
// 成功上傳后 獲取上傳信息
$img_src = "/uploads/".$info->getSaveName();
echo $img_src; //返回ajax請(qǐng)求
}else{
// 上傳失敗獲取錯(cuò)誤信息
$this->error($file->getError());
}
}
}
改善后的效果圖：
文章版權(quán)歸作者所有，未經(jīng)允許請(qǐng)勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。
轉(zhuǎn)載請(qǐng)注明本文地址：http://systransis.cn/yun/29429.html
摘要：文章首發(fā)于藍(lán)鍋鍋博客主要是用到的接口，既然是的，所支持的瀏覽器我就不多說(shuō)啦，老生常談的問(wèn)題了，遠(yuǎn)離，珍惜生命。目錄路徑為目錄路徑為文章首發(fā)于藍(lán)鍋鍋博客，歡迎交流，共同進(jìn)步。 我們?cè)陂_(kāi)發(fā)系統(tǒng)時(shí)，處理圖片上傳是不可避免的，例如使用thinkphp的肯定很熟悉import(@.ORG.UploadFile);的上傳方式，今天我們來(lái)講一個(gè)使用html5 base64上傳圖片的方法。文章首發(fā)于藍(lán)...
摘要：文章首發(fā)于藍(lán)鍋鍋博客主要是用到的接口，既然是的，所支持的瀏覽器我就不多說(shuō)啦，老生常談的問(wèn)題了，遠(yuǎn)離，珍惜生命。目錄路徑為目錄路徑為文章首發(fā)于藍(lán)鍋鍋博客，歡迎交流，共同進(jìn)步。 我們?cè)陂_(kāi)發(fā)系統(tǒng)時(shí)，處理圖片上傳是不可避免的，例如使用thinkphp的肯定很熟悉import(@.ORG.UploadFile);的上傳方式，今天我們來(lái)講一個(gè)使用html5 base64上傳圖片的方法。文章首發(fā)于藍(lán)...
摘要：開(kāi)發(fā)圖片上傳，圖片異步上傳是目前比較方便的功能這里我就不寫(xiě)文件了，將代碼寫(xiě)出來(lái)。 thinkphp開(kāi)發(fā)圖片上傳，圖片異步上傳是目前比較方便的功能,這里我就不寫(xiě)css文件了，將代碼寫(xiě)出來(lái)。引入核心文件下載https://github.com/carlcarl/A...HTML下面首先在html頁(yè)面引入相關(guān)js資源 圖片上傳 接下來(lái)在body中創(chuàng)建相關(guān)div 封...
摘要：開(kāi)發(fā)圖片上傳，圖片異步上傳是目前比較方便的功能這里我就不寫(xiě)文件了，將代碼寫(xiě)出來(lái)。 thinkphp開(kāi)發(fā)圖片上傳，圖片異步上傳是目前比較方便的功能,這里我就不寫(xiě)css文件了，將代碼寫(xiě)出來(lái)。引入核心文件下載https://github.com/carlcarl/A...HTML下面首先在html頁(yè)面引入相關(guān)js資源 圖片上傳 接下來(lái)在body中創(chuàng)建相關(guān)div 封...
閱讀 4091·2021-10-08 10:04
閱讀 3073·2021-08-11 11:20
閱讀 2744·2021-07-25 21:37
閱讀 2695·2019-08-30 12:44
閱讀 2321·2019-08-30 11:12
閱讀 1323·2019-08-26 13:45
閱讀 2372·2019-08-26 11:53
閱讀 3068·2019-08-26 11:32
