jquery ajax php 無重新整理上傳檔案 帶 遮罩 進度條 效果的喲_PHP教程

來源:互聯網
上載者:User
  在很多項目中都會叫使用者上傳東西這些的,自從接觸了jquery 和ajax之後就不管做什麼,首先都會想到這個,我這個人呢?是比較重視客戶體驗的,這次我這邊負責的是後台板塊,然後就有一塊是要求使用者上傳照片的,當然就想到了無重新整理上傳了呀,一般的jquery+ajax的話傳遞給php的data我習慣用json,然後就不知道怎麼怎麼把$_FILES數組中的內容給php,我要用move_uploaded_file這個函數來吧$_FILES['file']['tmp_name']移動到我想要的位置,tmp_name是上傳的臨時路徑了啦,具體參看手冊,數組中有很多關於檔案的記錄的。查詢了很多記錄,要達到無重新整理上傳,那麼有的解決方案是用產生frame來做得,找了很久很久,找到一個外掛程式,jquery的,叫jquery.form,是個表單外掛程式,有興趣的同學可以上網查看,我這裡只說我這個的實現而已,ok,上代碼:

     jQuery+php實現ajax檔案上傳                                                                                       添加附件                                                     < <0%                                                                                                                                                   

響應頁面action.php中只是簡單的處理上傳,然後以json資料的形式返回,供前台顯示

        = ['mypic']['name'      = ['mypic']['size'      ( != ""          ( > 1024000              '圖片大小不能超過1M'                        = (, '.'          ( != ".gif" &&  != ".jpg"              '圖片格式不對!'                        = (100, 999          = ("YmdHis") .  .                    = "files/".          (['mypic']['tmp_name'],        = (/1024,2      =          'name'=>,         'pic'=>,         'size'=>       json_encode( ?>

然後就完成啦。

好像還有jquery.form還沒有給大家,這裡就不說了,我網盤有寫好的demo,需要的同學可以下載看。

jquery+ajax(php)無重新整理上傳檔案帶進度demo下載

http://www.bkjia.com/PHPjc/440214.htmlwww.bkjia.comtruehttp://www.bkjia.com/PHPjc/440214.htmlTechArticle在很多項目中都會叫使用者上傳東西這些的,自從接觸了jquery 和ajax之後就不管做什麼,首先都會想到這個,我這個人呢?是比較重視客戶體...

  • 聯繫我們

    該頁面正文內容均來源於網絡整理,並不代表阿里雲官方的觀點,該頁面所提到的產品和服務也與阿里云無關,如果該頁面內容對您造成了困擾,歡迎寫郵件給我們,收到郵件我們將在5個工作日內處理。

    如果您發現本社區中有涉嫌抄襲的內容,歡迎發送郵件至: info-contact@alibabacloud.com 進行舉報並提供相關證據,工作人員會在 5 個工作天內聯絡您,一經查實,本站將立刻刪除涉嫌侵權內容。

    A Free Trial That Lets You Build Big!

    Start building with 50+ products and up to 12 months usage for Elastic Compute Service

    • Sales Support

      1 on 1 presale consultation

    • After-Sales Support

      24/7 Technical Support 6 Free Tickets per Quarter Faster Response

    • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.