php 非同步上傳圖片幾種方法總結
要實現非同步上傳圖片方法有常用的有二種,一種是利用iframe實現,另一種是藉助於ajax來實現一般用第三方外掛了。
上傳圖片form提交target到一個隱藏的iframe裡,
然後後臺處理完上傳圖片邏輯後返回給前臺,利用ajax修改當前頁面DOM物件實現無重新整理上傳圖片的友好功能。
例項
PHP程式碼:
0) { echo "Error: " . $_FILES["test_file"]["error"] . "
"; } else { //這裡的判斷圖片屬性的方法就不寫了。自己擴充套件一下。 $filetype=strrchr($_FILES["test_file"]["name"],"."); $filetype=substr($filetype,1,strlen($filetype)); $filename="img/".time("YmdHis").".".$filetype; move_uploaded_file($_FILES["test_file"]["tmp_name"],$filename); echo 'alert('上传成功')"; echo "{$return}"; } ?>
其實jquery ajax圖片非同步上傳
HTML:
html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "1/DTD/xhtml1-transitional.dtd">圖片非同步上傳 index.js $(function(){ $("#upload_file").change(function(){ $("#uploadFrom").submit(); });}); function stopSend(str){ var im=""; $("#msg").append(im); }
upload.php
调用iframe父窗口的js 函数 echo "
相關文章
- Ajax+PHP實現非同步圖片上傳PHP非同步
- PHP上傳圖片類PHP
- php圖片上傳之圖片轉換PHP
- SpringMVC中Ajax非同步上傳圖片的方法SpringMVC非同步
- PHP配置CKEditor上傳圖片PHP
- php工程上傳伺服器後一片空白的幾點總結PHP伺服器
- AFNetworking 3 批量上傳圖片的 3 種方法
- php+WebUploader圖片批量上傳PHPWeb
- PHP實現圖片(檔案)上傳PHP
- Retrofit2.0:上傳圖片到PHPPHP
- php圖片上傳之檔案安全PHP
- Torch7平臺上顯示圖片的幾種方法
- 通過url獲取圖片尺寸的幾種方法:JS和phpJSPHP
- VueQuillEditor富文字上傳圖片-非base64VueUI
- 有道雲筆記非會員上傳圖片筆記
- 圖片上傳-下載-刪除等圖片管理的若干經驗總結
- php5.5CURL圖片上傳廢棄@PHP
- 圖片上傳-下載-刪除等圖片管理的若干經驗總結2
- Java和PHP兩種方式實現上傳圖片到新浪微博的圖床JavaPHP圖床
- laravel圖片/頭像上傳通用方法Laravel
- PHP CURL 上傳二進位制流圖片PHP
- PHP仿微信多圖片預覽上傳功能PHP
- php圖片上傳之分散式儲存FastDFSPHP分散式AST
- 頁面重定向幾種方法總結
- Retrofit+RxJava上傳圖片上傳圖片到後臺RxJava
- 【easyui 】上傳圖片UI
- 圖片上傳及圖片處理
- [程式碼審計]php上傳漏洞總結PHP
- 基於業務場景下的圖片/檔案上傳方案總結
- UML類圖幾種關係的總結
- PHP結合HTML5使用FormData物件提交表單及上傳圖片PHPHTMLORM物件
- Android播放Gif動態圖片的幾種方法Android
- 使用Vue實現圖片上傳的三種方式Vue
- 用Vue來實現圖片上傳多種方式Vue
- Web檔案上傳方法總結大全Web
- MySQL主從不同步的幾種情況總結MySql
- java,springboot + thymeleaf 上傳圖片、刪除圖片到伺服器、本地,壓縮圖片上傳(有些圖片會失真),原圖上傳JavaSpring Boot伺服器
- 多圖片formpost上傳ORM