ajaxphp上傳圖片
如何用ajax上傳圖片的話 我會用js把圖片轉成base64 然後在後端在轉回來
Ⅱ 用jquery實現ajax 上傳圖片提交到PHP
好像不可以吧，瀏覽器為了安全不能用javascript讀取本地文件的
Ⅲ php ajax如何上傳圖片
如果為了追求方便，直接使用jquery+uploadify ,這個組合封裝了許多上傳功能，可以實現無縫上傳。比如可以用戶選擇圖片直接自動上傳，然後顯示出來（當然這個腳本是要自己寫的）,還有flash動畫，按鈕、進度條比較炫。而且有php後台腳本，甚至不用做修改。但是缺點是不支持iphone ipad。對ie 搜狗 和國內比較渣水的瀏覽器支持不好。
其次可以使用jquery+jqform，腳本簡單，但是沒有flash特效，樣式比較單一，不過其他功能比較全。
最後就是用原生，反正我是寫不出來……
Ⅳ 一個ajax方面的問題請教，php中上傳圖片後，能成功上傳，但文件名不能自動填入文本框，請高人指導！
這里 沒有用到ajax 只是用js 打開一個新的上傳頁面 然後上傳文件
打開上傳頁面的時候 馬上就是執行這句 window.parent.document.thisform.uploadfile.value='uploadimg/<?=$fname?>';
這時候 哪有 $fname
步驟：
在上傳文件後 馬上促發 ajax ；
用ajax 把上傳成功的文件 路徑作為參數傳 到 原先的index.php 頁面
index.php 通過判斷 動作 接收路徑參數 執行 js 寫入input
Ⅳ ajax上傳「多張圖片「」後PHP返回HTML的的路徑怎樣插入MySQL資料庫，單個欄位存儲還是多個欄位存儲
多個圖片上傳，可以拆分成單個的上傳，每一個圖片對應一條數據，然後記錄圖片的信息和存儲路徑等。
然後保存的時候，保存圖片記錄的id就可以，到時候可以根據id獲取到相關的圖片信息。
如果使用oss等存儲空間，也是他們會每一個圖片返回給你一個圖片路徑，你保存圖片的網路地址就行，這個時候可以使用一個欄位然後通過分隔符，比如‖進行分割，當然，如果圖片數量是固定的，也可以用多個欄位分別存儲路徑。
最後，推薦使用單個欄位分隔，因為一般不需要對圖片欄位進行檢索，如果需要的話，單個欄位查詢後，再封裝介面返回也可以。
Ⅵ PHP 如何用ajax做文件上傳
通過傳統的form表單提交的方式上傳文件：
[html] view plain 在CODE上查看代碼片派生到我的代碼片<form id= "uploadForm" action= "http://localhost:8080/cfJAX_RS/rest/file/upload" method= "post" enctype ="multipart/form-data">
<h1 >測試通過Rest介面上傳文件 </h1>
<p >指定文件名： <input type ="text" name="filename" /></p>
<p >上傳文件： <input type ="file" name="file" /></p>
<p >關鍵字1： <input type ="text" name="keyword" /></p>
<p >關鍵字2： <input type ="text" name="keyword" /></p>
<p >關鍵字3： <input type ="text" name="keyword" /></p>
<input type ="submit" value="上傳"/>
</form>
不過傳統的form表單提交會導致頁面刷新，但是在有些情況下，我們不希望頁面被刷新，這種時候我們都是使用Ajax的方式進行請求的。
Ajax的方式進行請求：
[javascript] view plain 在CODE上查看代碼片派生到我的代碼片$.ajax({
url : "http://localhost:8080/STS/rest/user",type : "POST",
data : $( '#postForm').serialize(),
success : function(data) {
$( '#serverResponse').html(data);
},
error : function(data) {
$( '#serverResponse').html(data.status + " : " + data.statusText + " : " + data.responseText);}
});
通常我們提交（使用submit button）時，會把form中的所有表格元素的name與value組成一個queryString，提交到後台。這用jQuery的方法來說，就是serialize。
通過$('#postForm').serialize()可以對form表單進行序列化，從而將form表單中的所有參數傳遞到服務端。
但是上述方式，只能傳遞一般的參數，上傳文件的文件流是無法被序列化並傳遞的。
不過如今主流瀏覽器都開始支持一個叫做FormData的對象，有了這個FormData，我們就可以輕松地使用Ajax方式進行文件上傳了。
關於FormData及其用法
FormData是什麼呢？我們來看看Mozilla上的介紹。
XMLHttpRequest Level 2添加了一個新的介面FormData.利用FormData對象,我們可以通過JavaScript用一些鍵值對來模擬一系列表單控制項,我們還可以使用XMLHttpRequest的send()方法來非同步的提交這個"表單".比起普通的ajax,使用FormData的最大優點就是我們可以非同步上傳一個二進制文件.
所有主流瀏覽器的較新版本都已經支持這個對象了，比如Chrome 7+、Firefox 4+、IE 10+、Opera 12+、Safari 5+。
參見：https://developer.mozilla.org/zh-CN/docs/Web/API/XMLHttpRequest/FormDataConstructor
FormData()
想得到一個FormData對象：
var formdata = new FormData();
W3c草案提供了三種方案來獲取或修改FormData。
方案1：創建一個空的FormData對象，然後再用append方法逐個添加鍵值對：
var formdata = new FormData();
formdata.append("name", "呵呵");
formdata.append("url", "http://www..com/");方案2：取得form元素對象，將它作為參數傳入FormData對象中！
var formobj = document.getElementById("form");var formdata = new FormData(formobj);
方案3：利用form元素對象的getFormData方法生成它！
var formobj = document.getElementById("form");var formdata = formobj.getFormData()
Method
FormData.append
本方法用於向已存在的鍵添加新的值，如該鍵不存在，新建之。
語法
formData.append(name, value);
formData.append(name, value, filename);
注: 通過 FormData.append()方法賦給欄位的值若是數字會被自動轉換為字元(欄位的值可以是一個Blob對象,一個File對象,或者一個字元串,剩下其他類型的值都會被自動轉換成字元串).
參數解釋
name
鍵 (key)， 對應表單域
value
表單域的值
filename (optional)
The filename reported to the server (a USVString), when a Blob or File is passed as the second parameter. The default filename for Blob objects is "blob".
FormData.delete
將一對鍵和值從 FormData 對象中刪除。
formData.delete(username);
FormData.get
返回給定鍵的第一個值
formData.append('username', 'Justin');
formData.append('username', 'Chris');
formData.get(username); // "Justin"
FormData.getAll
返回給定鍵的所有值
formData.append('username', 'Justin');
formData.append('username', 'Chris');
formData.getAll(username); // ["Justin", "Chris"]
FormData.has
檢查是否包含給定鍵，返回 true 或 false
formData.has(username);
FormData.set
設置給定鍵的值
formData.set(name, value);
formData.set(name, value, filename);
瀏覽器兼容情況
來自 MDN：
Desktop
FeatureChromeFirfox(Gecko)Intenet ExplorerOperaSafariBasic support7+4.0(2.0)10+12+5+
append with filename(Yes)22.0(22.0)???
delete, get, getAll, has, setBehind FlagNot supportedNot supported(Yes)Not supportedMobile
FeatureAndroidChrome AndroidFirfox Mobile (Gecko)Firfox OS (Gecko)IE MobileOpera MobileSafari MobileBasic support3.0?4.0(2.0)1.0.1?12+?
append with filename??22.0(22.0)1.2???
delete, get, getAll, has, set(Yes)(Yes)Not supportedNot supportedNot supported(Yes)Not supported2015年06月04日發布
Ajax通過FormData上傳文件
1.使用<form>表單初始化FormData對象方式上傳文件HTML代碼
<form id="uploadForm" enctype="multipart/form-data">
<input id="file" type="file" name="file"/>
<button id="upload" type="button">upload</button>
</form>
javascript代碼
$.ajax({
url: '/upload',
type: 'POST',
cache: false,
data: new FormData($('#uploadForm')[0]),
processData: false,
contentType: false
}).done(function(res) {
}).fail(function(res) {});
這里要注意幾點：
processData設置為false。因為data值是FormData對象，不需要對數據做處理。
<form>標簽添加enctype="multipart/form-data"屬性。
cache設置為false，上傳文件不需要緩存。
contentType設置為false，不設置contentType值，因為是由<form>表單構造的FormData對象，且已經聲明了屬性enctype="multipart/form-data"，所以這里設置為false。
上傳後，伺服器端代碼需要使用從查詢參數名為file獲取文件輸入流對象，因為<input>中聲明的是name="file"。
如果不是用<form>表單構造FormData對象又該怎麼做呢？
2.使用FormData對象添加欄位方式上傳文件
HTML代碼
<div id="uploadForm">
<input id="file" type="file"/>
<button id="upload" type="button">upload</button>
</div>
這里沒有<form>標簽，也沒有enctype="multipart/form-data"屬性。
javascript代碼
var formData = new FormData();
formData.append('file', $('#file')[0].files[0]);$.ajax({
url: '/upload',
type: 'POST',
cache: false,
data: formData,
processData: false,
contentType: false
}).done(function(res) {
}).fail(function(res) {});
這里有幾處不一樣：
append()的第二個參數應是文件對象，即$('#file')[0].files[0]。
contentType也要設置為『false』。
從代碼$('#file')[0].files[0]中可以看到一個<input type="file">標簽能夠上傳多個文件，只需要在<input type="file">里添加multiple或multiple="multiple"屬性。
3.伺服器端讀文件
從Servlet 3.0 開始，可以通過 request.getPart() 或 request.getPars() 兩個介面獲取上傳的文件。
Ⅶ php上傳圖片那個怎麼做到前台直接提示上傳成功的啊ajax 怎麼得到上傳的臨時文件名
上傳圖片這個處理有幾個思路：
1、使用form提交到當前頁面的iframe（空內容）中。
2、使用form提交數據到使用js新建的iframe里。
3、直接通過js新建form、新建iframe，提交、接收伺服器端返回的響應。（這個網上找的插件可以看到，如fileuploader）
4、使用FormData對象（有些瀏覽器不兼容）
獲取臨時文件名，只需執行提交後echo 數據出來，前台接收到即可。
Ⅷ jquery ajax+php動態的在網頁中上傳圖片並且無刷新的預覽！不通過form提交！急啊！代碼也簡要寫一下！
將上傳組件file放在iframe中，上傳成功後將iframe自動跳轉到顯示圖片的頁面
Ⅸ php 不使用插件怎麼用 ajax上傳圖片
可以使用tp的自帶的上傳類
publicfunction ajaxupload(){
//$saveTime=date('Y').'/'.date('m').'/'.date('d').'/';//設置附件上傳目錄
$fileName=$_GET['fileName'];
$upload = new \Org\Util\UploadFile();// 實例化上傳類
$upload->maxSize = 314572 ;// 設置附件上傳大小
$upload->allowExts = array('jpg', 'gif', 'png', 'jpeg');// 設置附件上傳類型
$upload->savePath = './CustomerPaper/'.'cid'.$customerdir."/"; // 設置附件上傳根目錄
// 上傳單個文件
$info = $upload->uploadOne($_FILES[$fileName]);
//mp($upload);die;
if(!$info) {// 上傳錯誤提示錯誤信息
$data['flag']=0;
$data['msg']=$upload->getErrorMsg();
}else{// 上傳成功獲取上傳文件信息
$data['flag']=1;
$data['msg']=__ROOT__."/".$info[0]['savepath'].$info[0]['savename'];
}
//$this->ajaxReturn($data,'JSON');
echo json_encode($data);
}
Ⅹ html中input上傳圖片什麼原理啊php後台怎麼處理如果用ajax的話是傳些什麼
用input上傳圖片是把圖片作為文件傳輸的，在php後台中使用 $_FILES來接收。
注意：前端的form表單除了action ,method 屬性外，還要添加一個'enctype'屬性，否則文件傳輸不成功。
<form enctype="multipart/form-data">
<input type="file" >
</form>
$_FILES接收信息 有幾個屬性：
name , 上傳的文件名稱
size ,上傳的文件大小
tmp_name ,臨時路徑
type ,文件類型
error錯誤提示
error取值說明：
( 0:沒問題。1/2：大小超過限制[1->超出php.ini限制。2->超出文件域max_file限制]。3：只上傳部分附件(不好測試）。4：沒有上傳附件）
有上傳信息時：$_FILES接收到的附件信息：
保存附件：把上傳的文件由臨時路徑保存到真實的圖片存儲的位置。
move_uploaded_file(臨時路徑名附件，真實路徑名附件）