前几天做一个小项目时发现了富头像上传编辑器这么一个很好用的上传插件的工具,可以用来上传头像。下面是我的个人总结的使用步骤,多有不足,望大家指点。
1,、首先要先准备好,富头像上传编辑器(下载地址:http://www.fullavatareditor.com/download.html)
2、解压后打开文件夹会发现一个jsp文件夹(这里以jsp为例),把里面的jar包和upload.jsp拿到你的项目里
3、把scripts里面的两个js拿到你的项目中(个人建议把整个包拷过去)
4、把crossdomain.xml配置文件,考到你的项目的WEB-INF根目录下
5、把expressInstall.swf、fullAvatarEditor.swf、simpleDemo.html同时拷到你的WebRoot根目录下(前两个是flash文件,要确保这三个文件在同一目录)
6、可以根据个人需要更改simpleDemo.html的名字以及格式(可以改成.jsp的),打开simpleDemo.html,在第52行如下图
这里会弹出出一个对话框显示你的图片保存的路径,
7、获取路径,在第52行的下面加上这一句 document.getElementById("123").value=msg.content.avatarUrls.join("\n"); 这里是把路径交给了id为“123”的text输入框
8、在这个jsp中写一个form表单里面有一个id为123的text,然后就可以在servlet中获取头像地址了
注意:
1、这个插件需要浏览器有Flash的支持
2、得到的为三个(大中小三个图片)路径组成的一个字符串,可以根据个人需要用indexof(),substring()进行截取(这三个路径都是以.jpg结尾的)路径开头有一个“/”也要去掉。
3、在拷贝js时注意路径。