Jquery+AJAX上傳文件，無刷新上傳并重命名文件

only_do 發(fā)布于2019-08-26 10:49 / 1793人閱讀

摘要：前端提交提交成功格式不對不允許上傳這種格式文件已存在文件已存在上傳錯誤上傳錯誤服務(wù)器錯誤上傳文件上傳服務(wù)端獲取原始文件名獲取文件后綴名設(shè)置新文件名允許上傳的圖片后綴小于上傳錯誤此處可以輸出文件的詳細(xì)信息文件已存在格式不對文件目錄記

前端 index.html




  
  
  Ajax提交form
  


AJAX上傳文件

服務(wù)端 dooo.php

 0)
    {
        echo "[{"res":"上傳錯誤"}]";
    }
    else
    {
    // 此處可以輸出文件的詳細(xì)信息
    if (file_exists("upload/" . $newfilename.$hzm))
        {
            echo "[{"res":"文件已存在"}]";
        }
        else
        {
            move_uploaded_file($_FILES["file"]["tmp_name"], "upload/" . $newfilename.$hzm);
            echo "[{"path":"$newfilename$hzm","res":"ok"}]";
        }
    }
}
else
{
    echo "[{"res":"格式不對"}]";
}
?>

文件目錄

記得自己手動建立一個upload的文件夾用于存放上傳的文件。

作者：TANKING
網(wǎng)站：http://www.likeyunba.com/

GPU云服務(wù)器云服務(wù)器無刷新文件上傳無刷新上傳文件iframe ajax上傳文件 ajax文件上傳

文章版權(quán)歸作者所有，未經(jīng)允許請勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。

轉(zhuǎn)載請注明本文地址：http://m.hztianpu.com/yun/106826.html

相關(guān)文章

使用FormData+jQuery+AJAX發(fā)送文件至又拍云，實現(xiàn)無刷新上傳

摘要：我是一個很菜的人，為了實現(xiàn)無刷新上傳圖片至又拍云，初學(xué)了，如果代碼有不好的地方請指出功能通過新功能無刷新上傳文件至又拍云七牛云類似附上代碼如果不懂得地方就提出來吧下面代碼用于生成和用于后面的表單上傳你的表單表單去又拍云官網(wǎng)獲得你的空間名空間我是一個很菜的人，為了實現(xiàn)無刷新上傳圖片至又拍云，初學(xué)了jQuery，如果代碼有不好的地方請指出功能：通過HTML5新功能FormData無刷新...

robin 2019-08-19 17:17 評論0 收藏0
PHP_Ajax

摘要：簡介業(yè)務(wù)做一個在線投票，給歌手投票。提交到當(dāng)前頁面的中達(dá)到效果。用戶名密碼注冊總結(jié)在不使用對象的情況下，依然可以用來實現(xiàn)對后臺服務(wù)器的請求，同時不帶來頁面刷新或者跳轉(zhuǎn)。 ajax 簡介業(yè)務(wù)：做一個在線投票，給歌手投票。要求：無刷新，并且不允許使用XMLHttpRequest對象.分析:在XHR對象，沒有流行之前，已經(jīng)有了無刷新這種效果的方法. 從http角度看，可以利用204 No...

MiracleWong 2019-06-27 15:05 評論0 收藏0
通過django的upload組件上傳圖片并重命名

摘要：在用開發(fā)服務(wù)端的時候，利用了的組件上傳圖片，因圖片名字不統(tǒng)一所以想給上傳的圖片重命名，從網(wǎng)上找了一些代碼資料，在自己的項目中出錯，所以自己摸索找到了解決辦法，代碼如下在項目根目錄中新建文件夾，并在文件夾下添加和文件并在中添加如下代碼在用django開發(fā)app服務(wù)端的時候，利用了django的upload組件上傳圖片，因圖片名字不統(tǒng)一所以想給上傳的圖片重命名，從網(wǎng)上找了一些代碼資料，在...

legendmohe 2019-07-30 18:43 評論0 收藏0
文件上傳二三事

摘要：選擇文件談到文件上傳，不得不提，中文名叫表單。當(dāng)需要使用回調(diào)函數(shù)來處理上傳完成后后端返回的數(shù)據(jù)時，需要和后端預(yù)先達(dá)成約定，如，回調(diào)函數(shù)名，參數(shù)列表，等等。后端可以根據(jù)邊界的檢驗，識別上傳的文件，讀取元數(shù)據(jù)中的文件屬性，從而為驗證提供數(shù)據(jù)。引子其實很早就開始醞釀這一篇了，無奈總是發(fā)現(xiàn)有缺漏的地方，遂努力惡補前端+后端+底層相關(guān)知識。今天終于可以發(fā)表了。 --跟生孩子一樣啊。選擇文...

wudengzan 2019-08-19 17:06 評論0 收藏0
web端文件上傳功能的思考

摘要：概述文件上傳是一個很常見的需求，實現(xiàn)文件上傳的技術(shù)也很多。幫助文檔模擬無刷新的文件上傳功能頁面無刷新上傳文件模擬，超簡單為什么上傳文件的表單里要加個屬性接口對象的介紹使用對象涉及文章侵權(quán)，請郵件告知。概述文件上傳是一個很常見的需求，實現(xiàn)文件上傳的技術(shù)也很多。下面就談?wù)勔恍┏Ｒ姷纳蟼骷夹g(shù)以及它們的優(yōu)劣。傳統(tǒng)表單上傳傳統(tǒng)表單文件上傳估計是運用最廣泛和最簡單的技術(shù)了，說它簡單是...

Jaden 2019-08-21 12:35 評論0 收藏0