圖片（檔案）上傳（BROWSER+PHP）____PHP

圖片（檔案）上傳。（瀏覽器端->伺服器端）基礎原理：選擇：input(type=file), 提交：sumbit(),伺服器端處理（php:move_upload_file）進階：多圖同時上傳，樣式，非同步，預覽，重新命名（中文亂碼），調整尺寸，外掛程式：uploadify(swf) 或者 HTML5相容性：待補充坑：需要瀏覽器開啟swf功能（非詢問） 或者 需要瀏覽器支援HTML5demoSENCE:CONFIG:2待編輯。#uploadify外掛程式（依賴FLASH外掛程式）##原理##實現步驟- 下載外掛程式- browser端引用- service端配置

基礎實現 原理 利用HTML的INPUT(type=”file”)元素,添加檔案(圖片)； 利用FORM表單提交(form method=”post” enctype=”mulitport/form_data” )到伺服器 伺服器端處理資料(move_upload_file)

demo

<!-- 瀏覽器端 --><form method="post" enctype="multipart/form-data" action="http://localhost/demo/uploadify/index.php">     <input type="file" name="f" />     <input type="hidden" name="t" value="<?php echo date("Y-m-d H:i:s"); ?>" />    <input type="submit" /></form>

//伺服器端<?phpif (!empty($_FILES)) {    $tempFile = $_FILES['f']['tmp_name'];    $targetFile = __DIR__ . '/' . $_FILES['f']['name'];    move_uploaded_file($tempFile,$targetFile);    echo 'the fiel is move to '.$targetFile;}?>

進階實現 原理

demo

<!-- 瀏覽器端 -->

//伺服器端

附件1:Uploadify 3.2 參數屬性、事件、方法函數詳解 - 阿日斯蘭 - 部落格園
附件2：Uploadify線上中文手冊 · 看雲