HTML5/CSS3 經典案例-無插件拖拽上傳圖片（一）：上傳基本是項目中經常出現的，一般采用：1、form提交 2、flash3、html5form提交會刷新頁面，很難做到異步上傳；flash可能是用得比較多了，因為可以兼顧到幾乎所有的瀏覽器，我之前一直會用jquery的uploadify作為項目中的上傳工具，uploadify也有基于html5好像是收費的，大家可以去官網看看；當然了，現在html5提供了API以及File，FileReader，XMLHttpRequest等強大的API，為我們拖放實現上傳提供了可能。效果圖1：效果圖2：由于本地上傳實在太快，錄了個80M的gif，終于可以看到上傳的細節效果了，是不是還是很不錯的，建議CSDN的博客編輯器也支持下拖拽上傳，省的我去找文件了。由于代碼比較多：這一片主要講一下HTML和CSS：HTML代碼：<!DOCTYPE

1. HTML5/CSS3 經典案例-無插件拖拽上傳圖片（一）

簡介：form提交會刷新頁面，很難做到異步上傳；flash可能是用得比較多了，因為可以兼顧到幾乎所有的瀏覽器，我之前一直會用jQuery的uploadify作為項目中的上傳工具，uploadify也有基于Html5好像是收費的，大家可以去官網看看；當然了，現在html5提供了API以及File，FileReader，XMLHttpRequest等強大的API，為我們拖放實現上傳提供了可能。

2. PHP實現多圖上傳(結合uploadify插件)思路分析

簡介：本文實例講述了PHP實現多圖上傳的方法。分享給大家供大家參考，具體如下：1.已有圖片可以刪除2.有一個新增的按鈕3.點擊新增按鈕，跳出frame框4.在frame框中實現圖片異步上傳與及時效果5.上傳成功后，調用回調函數6.彈出框中的圖片可以進行刪除7.frame彈出框點擊保存，把圖片通過js展示到頁面

3. asp.net uploadify實現多附件上傳功能

簡介：這篇文章主要為大家詳細介紹了asp.net uploadify實現多附件上傳功能,具有一定的參考價值，感興趣的小伙伴們可以參考一下

4. javascript – 關于uploadify同時上傳完所有的圖片

簡介：1.uploadify怎么綁定button按鈕的，是不是在 $(document).ready(function(){ {代碼…} });這樣子好像不行啊。2.就是我上傳除了圖片之外還有很多別的需要輸入的值，我知道可以用settings方法綁定這些值，但是當我…

5. laravel 使用uploadify實現頭像上傳問題

簡介：在blade頁面狀態顯示已經成功上傳。 上一張blade成功上傳圖片的NetWork圖 再來一張接收上傳圖片的Network圖。 但是在控制器卻取到值為null的upload值 根據blade上傳的頁面上傳的數據發現并沒有上傳Filedata的值，…

6. html – 使用uploadfiy插件時，為什么在uploadify.php文件中寫的調試信息不輸出

簡介：使用uploadfiy插件時，希望在uploadify.php中寫一些邏輯判斷，但調試時，沒有任何輸出，echo/var_dump等都不管用

7. javascript – 設置session會話失敗？

簡介：用的一個圖片上傳插件：uploadify，由于在IE和火狐下上傳302錯誤，我在前端傳了當前會話名稱session_name()給后臺，重新建立會話，但是我做了如下，后臺能收到session_name()的傳參，但是重新建立會話的時候，就…

8. Yii Uploadify批量上傳

簡介：:本篇文章主要介紹了Yii Uploadify批量上傳，對于PHP教程有興趣的同學可以參考一下。

9. ThinkPHP上傳文件總結

簡介：:本篇文章主要介紹了ThinkPHP上傳文件總結，對于PHP教程有興趣的同學可以參考一下。

10. html5+php圖片上傳怎么實現

簡介：html5+php 手機圖片上傳怎么實現？有沒有類似的插件？可以用ajax請求回來的數據的并顯示的 電腦版的已實現，用的是uploadify，手機版的不知道有什么插件可以用？望各位大神解答

【相關問答推薦】：

php – uploadify 上傳圖片，第一張正常，第二、三張錯誤

javascript – jquery uploadify 404

php – 關于yii2 Csrf驗證問題

javascript – 設置session會話失敗？

javascript – 幫我解讀一下這行代碼，uploadify火狐，IE上傳不成功？