关于富头像上传的使用方法
来源:互联网 发布:淘宝情侣店铺有真的吗 编辑:程序博客网 时间:2024/04/25 20:52
前几天做一个小项目时发现了富头像上传编辑器这么一个很好用的上传插件的工具,可以用来上传头像。下面是我的个人总结的使用步骤,多有不足,望大家指点。
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时注意路径。
- 关于富头像上传的使用方法
- 超强大的富头像上传编辑器
- 富头像上传编辑器
- fullAvatarEditor富头像上传编辑器
- fullavatareditor 富头像上传编辑器
- 富头像上传编辑器(flash头像上传插件)
- thinkphp3.2.3富头像上传编辑器
- 关于上传头像到服务器的问题
- Android 关于头像裁剪上传的实现
- 富头像编辑器的使用
- 富文本编辑+fs操作文件+Buffer练习(头像上传功能)
- 头像上传的过程!~
- 简单的头像上传
- 实现头像的上传
- 头像的上传02
- 上传头像的处理
- 关于如何上传用户头像(JSP+Servlet)的思路
- 关于Discuz 出现上传头像失败的问题
- 京东11.11:交易系统的关键技术
- 第十二周项目四(2)童氏银行完整版
- Timer和ScheduledThreadPoolExecutor小例子
- ISO language name map LCID
- windows平台下搭建lighttpd+php+sqlite
- 关于富头像上传的使用方法
- Android中的“再按一次返回键退出程序”实现
- Android 菜单, option menu 和 context menu (右键菜单)
- activex控件开发时如何用ie8进行调试
- 自定义弧形渐变进度条功能
- hadoop1.1.2配置文件
- 第十二周项目3——6 银行系统
- 2015-1-9_sjsy游戏服务器编程
- C# 实现最简单的FTP下载功能