jquery獲取上傳圖片
⑴ jquery如何獲取input(file)控制項上傳的圖片名稱，即"11111.jpg"
理論上是不大可能的。
由於安全的原因，input(file)裡面的值不能通過js來設置，而如果用js來取值的話，可能取到的是偽造的值（chrome），也有可能根本取不到（firefox）。
⑵ 我需要一個js或者jquery能批量上傳圖片+預覽的功能。急~~~急~~~急~~
WebUploader項目，符合你的要求。
//文件上傳過程中創建進度條實時顯示。
uploader.on('uploadProgress',function(file,percentage){
var$li=$('#'+file.id),
$percent=$li.find('.progressspan');
//避免重復創建
if(!$percent.length){
$percent=$('<pclass="progress"><span></span></p>')
.appendTo($li)
.find('span');
}
$percent.css('width',percentage*100+'%');
});
//文件上傳成功，給item添加成功class,用樣式標記上傳成功。
uploader.on('uploadSuccess',function(file){
$('#'+file.id).addClass('upload-state-done');
});
//文件上傳失敗，顯示上傳出錯。
uploader.on('uploadError',function(file){
var$li=$('#'+file.id),
$error=$li.find('div.error');
//避免重復創建
if(!$error.length){
$error=$('<divclass="error"></div>').appendTo($li);
}
$error.text('上傳失敗');
});
//完成上傳完了，成功或者失敗，先刪除進度條。
uploader.on('uploadComplete',function(file){
$('#'+file.id).find('.progress').remove();
});
更多細節，請查看js源碼。
⑶ jquery多圖片上傳(form表單序列化提交)為啥後台只獲取一個圖片文件
直接用$_post['data'];獲取即可的；
$data = $_post['data'];
echo '
';
print_r($data);
die();這樣就是一個數組，你無需再用什麼序列化、反序列化之類的，你可以輸出$_post的數據看看就知道勒！(*^__^*)
若有任何其它疑問，歡迎追問......
評論
0
0
載入更多
⑷ jquery如何獲取input(file)控制項上傳的圖片名稱，即"11111.jpg"
$('input').on('change',function(){
var value = $(this).val();
value = value.split("\\")[2];
})
value
就是圖片名稱。因為瀏覽器安全機制
獲取到的value都是C:\fakepath\
加上圖片名，所以可以用這個方式獲取。
⑸ jquery多圖片上傳(form表單序列化提交)為啥後台只獲取一個圖片文件
首先，文本類的可以放在request中通過request.getAttribute(name)獲取。圖片你在前端放地址，後端也是像前面通過request.getAttribute(name)獲取後存入資料庫。這是jsp+servlet的做法。jsp有九大內置對象用於傳遞數據。而你如果用spring+springmvc的話是通過參數綁定來傳遞數據的。詳細的你可以了解框架文檔。建議你選擇一種框架可以便捷開發。jsp+servlet是比較原始的處理方式。
⑹ jquery如何將頁面生成的圖片上傳到伺服器
File Upload組件啊，是同步還是非同步呢
html部分：
<input type="file" name="file" class="webuploader-element-invisible" multiple="multiple" accept="image/*">
文件引入：
<link rel="stylesheet" type="text/css" href="diyUpload/css/diyUpload.css"><script type="text/javascript" src="diyUpload/js/diyUpload.js"></script>
HTML部分：
<div id="demo"> <div id="as" ></div></div>
JS部分：
<script type="text/javascript">
/** 伺服器地址,成功返回,失敗返回參數格式依照jquery.ajax習慣;* 其他參數同WebUploader*/
$('#as').diyUpload({
url:'server/fileupload.php',
success:function( data ) {
console.info( data ); },
error:function( err ) {
console.info( err );
},
buttonText : '選擇文件', chunked:true, // 分片大小
chunkSize:512 * 1024, //最大上傳的文件數量, 總文件大小,單個文件大小(單位位元組);
fileNumLimit:50,
fileSizeLimit:500000 * 1024,
fileSingleSizeLimit:50000 * 1024,
accept: {}});
</script>
⑺ jquery或者js獲取上傳文件的路徑問題
我的理解是你應該先通過圖片上傳介面把圖片上傳到伺服器上（上傳後的伺服器端的圖片地址，保存到<input type="hidden">里），然後再統一提交所有的表單項。