关于富头像上传的使用方法
2014-11-18 20:01
162 查看
前几天做一个小项目时发现了富头像上传编辑器这么一个很好用的上传插件的工具,可以用来上传头像。下面是我的个人总结的使用步骤,多有不足,望大家指点。
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时注意路径。
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时注意路径。
相关文章推荐
- 关于使用 git 上传代码至 github 的方法
- 腾讯云服务器购买后关于无法使用xftp上传文件的解决方法
- 关于使用jquery.form.js上传文件同时提交表单的方法
- 关于云服务Bmob的使用方法(下)——上传文件
- 关于云服务Bmob的使用方法(上)——上传数据
- vue中使用axios post上传头像/图片并实时显示到页面的方法
- 关于Struts2+spring中使用百度UEditor编辑器显示未找到上传数据的解决方法
- 关于ThinkPHP下使用Uploadify插件火狐上传报302错误解决方法
- 关于使用VS.Net2003调试器出现的问题及相关解决方法 (转)
- 关于Google Trends中一些错误使用方法
- 关于Google Trends中一些错误使用方法
- 关于在使用Exchange2003系统时无法向sina,yahoo,hotmail等邮箱发送邮件问题的解决方法
- 关于Gridview_rowcommand使用的方法
- 关于const的使用方法【转载】
- Microsoft Cartoon Maker(微软卡通头像制作软件)使用方法详解
- 关于使用VS.Net2003调试器出现的问题及相关解决方法
- 关于使用asp.net调试器出现的问题及相关解决方法
- 关于存储过程中一个参数表示多个查询条件使用方法的简单处理
- 关于在ehlib的DBGridEh控件中使用过滤功能的方法
- 关于在B/S程序中使用SPS对象实现文件上传