preview v0.1.0 初始版本
图片上传预览图片组件。
先来个效果看看:
使用步骤:
1.在web.xml中配置selvelt如下所示
<servlet> <description>上传图片预览</description> <display-name>PreviewServlet</display-name> <servlet-name>PreviewServlet</servlet-name> <servlet-class>com.zohan.www.preview.PreviewServlet</servlet-class> </servlet> <servlet-mapping> <servlet-name>PreviewServlet</servlet-name> <url-pattern>/servlet/previewServlet/*</url-pattern> </servlet-mapping>
2.在自己的页面(jsp/html)加载js文件如下所示:
<script src="./servlet/previewServlet/jquery-1.4.2.min.js" type="text/javascript"></script> <script src="./servlet/previewServlet/jquery.form.js" type="text/javascript"></script> <script src="./servlet/previewServlet/zohan.preview.js" type="text/javascript"></script>
图片预览的位置,可以任意的定制,包括样式
<fieldset> <legend>上传图片显示</legend> <div id ="" style ="width: 200;height: 150"><img id ="showimg" width="200" height="150" src="default.jpg"></div> </fieldset>
调用现实图片js
<script type="text/javascript"> var fileup = new ajaxFileUpload({ callBack : function(data) { //alert(data); var img = document.getElementById("showimg"); img.src="./servlet/previewServlet?iamgeid="+data.id;//获取 图片显示 //alert(data.name);//图片的实际名称 }, url : "./servlet/previewServlet" //图片临时上传 路径 }); fileup.createConner();//初始化页面 </script>
3.把previewv0.1.0.jar添加到WEB-INF/lib文件夹下面。
相关推荐
Flash头像上传剪裁预览组件 2.0 更新内容: 1.多增加js 回调函数参数 picUrl,callbackdata picUrl:后端图片路径 callbackdata:后端返回数据 2.新增加后端 保留图片路径 savePath (默认当前路径) 3.新增加后端 ...
jQuery File Upload 是一个 jQuery 图片上传组件,支持多文件上传、取消、删除,上传前缩略图预览、列表显示图片大小,支持上传进度条显示;支持各种动态语言开发的服务器端。 1、多文件上传: 允许一次选择多个文件...
在使用Syncfusion Blazor File Upload组件上载图像之前显示图像预览。 项目先决条件 开始在此项目上工作之前,请确保您的计算机中具有Visual Studio Code和.NET Core SDK 3.1.2的兼容版本。 如何运行此应用程序? 要...
1、文件上传完全采用HTTP协议,支持批量图片上传,支持查看图片缩略图及图片预览功能. 2、该图片上传组件支持图片编辑(水平镜像,垂直镜像,旋转等),支持图片全屏预览. 3、是一个采用ATL+WTL编写超级轻量级组件,...
Flash头像上传剪裁预览组件,仿新浪微博QQ头像上传插件,支持php,asp,jsp,asp.net。功能介绍: 1.支持php,asp,jsp,asp.net 调用 2.支持头像拍照拍摄保存 3.支持上传成功,js 回调函数 4.兼容性好,任何...
仿新浪微博flash上传头像组件演示来源网络,只是我们修改为ASP版本。内置小小广告,发布目的只为给需要的人一个开发思路。版权我也不知道该归谁所有。若有侵犯版权行为,请来信告知。 安装及部署: 1. 懒人...
首先js是不能操作客户端文件的(除非特殊情况),所以图片的切割必须在后台处理,对于客户端的图片可以先上传再切割或者把图片和切割参数一起传递到服务器再处理(上传文件不在本次讨论范围,请自行修改);...
1. 增加服务器端图片、Flash等文件插入功能,图片预览功能,及后台可设置此功能的开关。 2. 增加多个示例调用代码。 3. 修复当编辑器被初始为不显示时,工具栏上的按钮有可能被压缩堆在一起的问题。 4. 修复JSP版...
1. 增加服务器端图片、Flash等文件插入功能,图片预览功能,及后台可设置此功能的开关。 2. 增加多个示例调用代码。 3. 修复当编辑器被初始为不显示时,工具栏上的按钮有可能被压缩堆在一起的问题。 4. 修复JSP版...
首先js是不能操作客户端文件的(除非特殊情况),所以图片的切割必须在后台处理,对于客户端的图片可以先上传再切割或者把图片和切割参数一起传递到服务器再处理(上传文件采用ASPUpload组件,请自行修改);...
4.生成预览图片需安装以下任意一个组件: CreatePreviewImage组件(CreatePreviewImage.cGvbox) AspJpeg组件(Persits.Jpeg) SA-ImgWriter组件(SoftArtisans.ImageGen) 5.后台在线发送邮件安装以下任意一个组件: ...
1. 增加服务器端图片、Flash等文件插入功能,图片预览功能,及后台可设置此功能的开关。 2. 增加多个示例调用代码。 3. 修复当编辑器被初始为不显示时,工具栏上的按钮有可能被压缩堆在一起的问题。 4. 修复JSP版...
增加服务器端图片、Flash等文件插入功能,图片预览功能,及后台可设置此功能的开关。 2. 增加多个示例调用代码。 3. 修复当编辑器被初始为不显示时,工具栏上的按钮有可能被压缩堆在一起的问题。 4. 修复...
20、修复摄像框组件在横屏模式下预览图像会旋转90度的问题; 21、所有可视组件增加“清除焦点”命令; 22、面板、水平滚动框、垂直滚动框组件增加“添加组件”命令,可将窗口上已经设计好的组件添加到上面,而且会...
JFileUpload 是一个客户端JAVA:trade_mark: 组件(Applet),它可以向web 或ftp 服务器上传文件和文件夹,它可以被整合到任何应用程序中。服务端的技术可以是JSP/Servlet、PHP、Coldfusion,CGI 或微软的ASP.前端提供...
是一个Jquery图片上传组件,支持多文件上传、取消、删除,上传前缩略图预览、列表显示图片大小,支持上传进度条显示;支持各种动态语言开发的服务器端。.net版本
上传图片需要服务器支持aspjepg组件。(这个应该都支持) 10.适用范围更加广泛,企业以及个人均可适用。 11.官网www.53eam.com将第一时间更新版本。 下次更新说明:下次更新将开放图片相册功能。 注意事项: ...
jQuery File Upload 是一个 jQuery 图片上传组件,支持多文件上传、取消、删除,上传前缩略图预览、列表显示图片大小,支持上传进度条显示;支持各种动态语言开发的服务器端。 特征: 1、多文件上传: 允许一次选择...
3.生成预览图片需安装:AspJpeg组件(Persits.Jpeg) 本地测试先打开IIS脚本执行权限和写入权限。本程序仅在IIS中测试通过。 技术支持QQ:57030669 后台:/manage 帐号密码都是:admin 栏目管理 栏目...
支持邮件群发功能,此功能需要服务器支持Jmail组件,在设置好邮件服务器后,可以在线实现邮件群发,支持选择商城的注册用户,系统自动读取用户邮箱地址,在线给商城用户群发邮件,邮件内容支持图文混排、上传图片等...