⑴ 如何在jsp中實現圖片的放大預覽
無論你是jsp,asp 。比較好的實現,當然用javascript
jsp也沒什麼特別,一樣可以用javascript。
用javascript框架jquery + 一個插件Cloud Zoom
上網搜下cloud zoom的用法有很多html的例子,移植下就行了
⑵ jsp頁面圖片顯示不出來
把圖片改成<img src="${pageContext.request.contextPath}/img/top.jpg">
⑶ 誰有資料庫中存的是圖片路徑,然後jsp頁面顯示圖片出來
1、准備要顯示的圖片,並創建一個最簡單的jsp頁面,運行起來。
⑷ 在jsp中做照片上傳預覽的代碼
建議你使用 Web upload 組件,可圖片預覽, 可多選,可拖放上傳,可粘貼後直接上傳
網路開源產品.
倆三行代碼就可以直接使用
具體網址 :
http://www.admin10000.com/document/4721.html
⑸ 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的包。