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的包。