jquery上傳圖片並截取
1. jquery如何獲取input(file)控制項上傳的圖片名稱,即"11111.jpg"
$('input').on('change',function(){
var value = $(this).val();
value = value.split("\")[2];
})
value 就是圖片名稱。因為瀏覽器安全機制 獲取到的value都是C:fakepath 加上圖片名,所以可以用這個方式獲取
2. jQuery,croppic(用戶截圖後上傳功能)的使用方法
它是前台剪切後,發回剪切的圖片數據到後台,然後後台將該數據保存為圖片,並生成一條引用鏈接給前台就行了。
3. jquery如何完成上傳圖片的剪切
用canvas畫出圖片剪裁區域,然後導出
4. 怎麼實現asp.net上傳圖片並可以裁剪的功能,類似一些網站的頭像截取 jQueryCropZoom插件 重重有賞啊!
jquery的插件,內部原理要懂jquery,只要會用就行
5. js/jquery如何實現一張圖片的上傳預覽功能。。。。
使用AJAX,把文件保存到臨時目錄,把返回的值(文件路徑),放到頁面上預先添加的<IMG> 標簽中,就可顯示預覽圖片,再點上傳才把文件從臨時目錄(刪除臨時目錄文件)復制到你指定的目錄中
6. 使用jquery實現圖片預覽,剪切和上傳功能的時候: 1.css樣式出錯了, 2.畫出一個裁剪框的時候,圖片累加~
是不是和自定義的樣式產生了沖突. 使用 chrome F12 查看下沖突的樣式
7. jsp頁面實現圖片預覽,截取和上傳
比較常用,而且簡單易用的jquery-uploadify插件,支持帶進度的多線程上傳
用到的是flash的跨域上傳模型,這里不用深究
基本文件大致包括
jquery-x.x.x.js
jquery.uploadify.x.js
uploadify.swf
uploadify.css
使用方式:
$(function(){
$("#fileId").uploadify({
width:42,
height:32,
swf:'js/uploadify.swf',
uploader:'upload.do;jsessionid=<%=session.getId()%>',
buttonImage:'image/movetophone_white.png',
fileSizeLimit:2048,
fileObjName:"imgFile",
method:'post',
removeCompleted:true,
fileTypeExts:"*.gif;*.jpg;*.png;*.jpeg;*.bmp",
onSelectError:function(file,errorCode,errorMsg){
alert("文件過大");
},
onUploadStart:function(file){
},
onUploadSuccess:function(file,data,response){
alert("上傳完成");
},
onUploadError:function(file,errorCode,errorMsg){
alert(errorMsg);
}
});
});
<inputtype="file"id="fileId"/>
另,工程中需要引入commons-fileupload的包。
8. 哪位大神有jquery無刷新上傳圖片、裁剪、保存圖片的案例啊
jquery.jcrop 圖片裁剪(很好很強大)
http://deepliquid.com/content/Jcrop.html |
http://www.jb51.net/article/18273.htm
9. jquery如何獲得上傳圖片的字元串
你是用AJAX嗎?
有一個ajaxupload.js 你可以參考這個,裡面有