A. 如何用jsp實現 截取上傳的圖片做頭像,並生成小尺寸縮略圖
用jspSmartUpload組件來實現,用jsp+servlet在Servlet里實現的代碼:
PrintWriter out = response.getWriter();
int count = 0;
// 實例化虧友上傳控制項對象
SmartUpload su = new SmartUpload();
// 初始化操作
su.initialize(config, request, response);
// 設置上傳文件最大位元組數
su.setTotalMaxFileSize(100000);
//
try {
//禁止上傳指定擴展和空喚名的文件
su.setDeniedFilesList("ext,bat,jsp");
} catch (SQLException e1) {
e1.printStackTrace();
}
try {
// 上傳文件到伺服器
su.upload();
File fileup = new File(request.getRealPath("upload"));
if(!fileup.exists()){
// 創建目錄
fileup.mkdir();
}
// 處理多個文件的上傳
for(int i = 0;i < su.getFiles().getCount();i++){
com.jspsmart.upload.File file = su.getFiles().getFile(i);
if(!file.isMissing()){ // 如果文件有效
// 保存文件到指定上傳目錄
file.saveAs("/upload/new."+file.getFileExt(), su.SAVE_VIRTUAL);
count = su.save("/upload");
}
}
} catch (SmartUploadException e) {
e.printStackTrace();
}
out.println(count +"file(s) uploaded");
如果你對這個上喚凱傳組件不了解,最好是先去查查用法。。。
B. jsp 截屏,保存為圖片
你伺服器的java代碼不可能執行在客戶端的電腦上的春塵,所以這個只能通過js來做了,巧森顫推薦使用jquery插件,孝敗推薦用jquery.Jcrop包你滿意。
C. js、java、jquery、jsp固定區域截圖並彈出保存框 的實現方法 求教
用java命令執腔帶行瞎宴class文件時,是不帶後綴的
如 有伍神蘆一個App.class
執行時應輸入
java App
D. jsp如何修改標簽圖片
1、首先瀏覽器f12,用element的select工具定位到要調樣式的模塊。
2、其次在左側的computed下,調整模塊的樣式(這里的調整不會改變代碼,刷新頁面就復原了);能調整模塊大小、在整個頁面的位置等,其他的可在style下改。下面截圖中的就代表了選中的模塊在頁面的一些參數,紅框框住的地方都可以修改,瀏覽器會同步調整頁面樣式,我們可以看到修改後的樣式,非常直觀。
3、然後樣式改的滿意後,通過修改後的元素(截圖中的按鈕),進入style中對應的style代碼;把這段代碼復制上。
4、最後要改樣式的div起一個id,在style標簽中按下圖中的格式,把從瀏覽器上復制下的代碼粘貼在這里,頁面就變成想要的樣式。
E. 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的包。