java批量上传图片jsp版
一直在网上寻找jsp上传图片的版本,但是一般的都收swf版本的,对于jsp兼容性不好,所以我后来就自己动手,亲自开发了一个jsp版本的批量上传图片的控件,不过这个是基于百度的一个控件改变完成,效果很不错,所以特意来给大家分享,不要看分数高,当你用完了以后,就知道这个一点都不多的!
无刷新高级分页
分页 ajax分页 高级分页 dwr分页分页 ajax分页 高级分页 dwr分页分页 ajax分页 高级分页 dwr分页分页 ajax分页 高级分页 dwr分页分页 ajax分页 高级分页 dwr分页分页 ajax分页 高级分页 dwr分页分页 ajax分页 高级分页 dwr分页分页 ajax分页 高级分页 dwr分页
DWR与Jsp内置对象关系
DWR与JSP DWR调用内置对象 内置对象 DWR与JSP DWR调用内置对象 内置对象 DWR与JSP DWR调用内置对象 内置对象
Jquery教程,Jquery api
Jquery JqueryApi jquery框架 jquery学习Jquery JqueryApi jquery框架 jquery学习Jquery JqueryApi jquery框架 jquery学习Jquery JqueryApi jquery框架 jquery学习Jquery JqueryApi jquery框架 jquery学习
ajax DWR分页机制
ajax分页 DWR DWR分页 java分页ajax分页 DWR DWR分页 java分页
Google map源码,样本,例子
Google map源码,样本,例子,适合各种人群的人使用,好用易懂
jsp公交查询系统源码(java开发)
公交查询系统 java公交查询系统 jsp公交查询系统源码(java开发)
经典SQL语句大全,SQL大全
经典SQL语句大全 SQL sql大全 SQL学习
struts1教程,struts1入门
struts1教程 struts1入门 struts1学习 struts1知识
spring教程,spring入门
spring入门 spring教程 spring学习 spring笔记
hibernate教程,hibernate入门
hibernate hibernate入门 hibernate学习 hibernate基础
java计算两个坐标之间的距离.zip
java计算两个坐标之间的距离,参数为两个坐标点的经纬度
java友盟Jpush使用demo.zip
java友盟Jpush使用demo版本,使用的过程中注意是用户登录的时候绑定唯一标识
阿里云OSS使用demo,阿里云OSS+springCloud使用详解.zip
阿里云OSS使用demo,阿里云OSS+springCloud使用详解,里面又controller的详细代码,也有阿里云oss上传的封装,对了如果你使用的是maven,记得导入:
com.aliyun.oss
aliyun-sdk-oss
2.8.3
安卓apk查看器
安卓apk查看器 apk解析器 apk文件解密 apk签名读取
关于jquery克隆,给元素赋值详解
关于jquery克隆,给元素赋值详解,包括ajax 克隆技术的联合使用
批量上传图片jsp,c#,php版本
1.在过去一年,小编写过一个批量上传图片的例子,那个例子是基于百度编辑器改造的,用起来必须依赖百度编辑器,所以小编就又弄了一个,就是今天要介绍的了,uploadify上传的了前端用flash,javascript编写,后端兼容java,php,.net等语言
2.首先在把“uploadify”文件夹放入项目中
3.页面上面引入
<script type="text/javascript" src="resource/js/uploadify/main.js"></script>
(路径根据项目路径而定)
4.在js中写入以下配置:
$(document).ready(function(){
var setting={
"id": "uploadify",//绑定的input的ID
"swf": 'resource/js/uploadify/uploadify.swf',//[必须设置]swf的路径
"uploader": "site/txtOrTopicImageUpload!txtOrTopicImageUpload.action?uid="+uid,//[必须设置]上传文件触发的url
"auto":true,//文件选择完成后,是否自动上传
"buttonText":'+上传图片',//上传按钮的文字
"height": 40,//上传按钮的高和宽
"width": 100,
"buttonCursor": 'pointer',//上传鼠标hover后Cursor的形状
//"cancelImage": "resource/js/uploadify/uploadify-cancel.png",//[必须设置]取消图片的路径
//"checkExisting":'/uploader/uploadify-check-existing.php',//检查上传文件是否存,触发的url,返回1/0
"debug": false,//debug模式开/关,打开后会显示debug时的信息
"fileObjName":'file',
"fileSizeLimit" : 3*1024*1024,//文件的极限大小,以字节为单位,0为不限制。1MB:1*1024*1024
"fileTypeDesc": '图片',//允许上传的文件类型的描述,在弹出的文件选择框里会显示
"fileTypeExts": '*.jpg;*.bmp;*.gif;*.png',//允许上传的文件类型,限制弹出文件选择框里能选择的文件
"method": 'post',//和后台交互的方式:post/get
"multi": true,//是否能选择多个文件
"queueID": 'None_none',//显示上传文件队列的元素id,可以简单用一个div来显示
"queueSizeLimit" : 10,//队列中允许的最大文件数目
"progressData" : 'all', // 'percentage''speed''all'//队列中显示文件上传进度的方式:all-上传速度+百分比,percentage-百分比,speed-上传速度
"removeCompleted" : true,//上传成功后的文件,是否在队列中自动删除
"removeTimeout": 0,
"requeueErrors" : true,
"postData": {},//和后台交互时,附加的参数
"preventCaching" : true,
"transparent": true,
"successTimeout" : 30,//上传时的timeout
"uploadLimit":0,//能同时上传的文件数目
"onUploadSuccess" : function(file,data,response) {//上传完成时触发(每个文件触发一次)
var a =eval("("+data+")");
imgArray[imageIndex]=a.result;
showImges(imageIndex);
$("#loading").hide();
},
"onDialogClose": function(queueData){
var result=countArray(imgArray),a=queueData.queueLength;
if(a+result>image_size){
jDialog("一次最多上传10张图片!");
for(var s in queueData.files){
$("#uploadify").uploadify("cancel",s);
}
return;
}if(a!=0){
$("#loading").show();
}
}
};
$("#uploadify").uploadify(setting);
});
5.下面是参数的详细配置:
使用:
//绑定的界面元素<input id='gallery'type='file'/>
$("#gallery").uploadify({
设置参数,参数如下.
});
设置的属性:
id: jQuery(this).attr('id'),//绑定的input的ID
swf: 'http://www.static-xxx.nu/uploader/uploadify.swf',//[必须设置]swf的路径
uploader: '/uploadify/galleri.php',//[必须设置]上传文件触发的url
auto:false,//文件选择完成后,是否自动上传
buttonText:'Välj Filer',//上传按钮的文字
height: 30,//上传按钮的高和宽
width: 120,
buttonCursor: 'pointer',//上传鼠标hover后Cursor的形状
cancelImage: 'http://www.static-xxx.nu/uploadify-cancel.png',//[必须设置]取消图片的路径
checkExisting:'/uploader/uploadify-check-existing.php',//检查上传文件是否存,触发的url,返回1/0
debug: true,//debug模式开/关,打开后会显示debug时的信息
fileObjName:'file',
fileSizeLimit : 0,//文件的极限大小,以字节为单位,0为不限制。1MB:1*1024*1024
fileTypeDesc: 'Bild JPG',//允许上传的文件类型的描述,在弹出的文件选择框里会显示
fileTypeExts: '*.jpg',//允许上传的文件类型,限制弹出文件选择框里能选择的文件
method: 'post',//和后台交互的方式:post/get
multi: true,//是否能选择多个文件
queueID: 'fileQueue',//显示上传文件队列的元素id,可以简单用一个div来显示
queueSizeLimit : 999,//队列中允许的最大文件数目
progressData : 'all', // 'percentage''speed''all'//队列中显示文件上传进度的方式:all-上传速度+百分比,percentage-百分比,speed-上传速度
removeCompleted : true,//上传成功后的文件,是否在队列中自动删除
removeTimeout: 3,
requeueErrors : true,
postData: {},//和后台交互时,附加的参数
preventCaching : true,
transparent: true,
successTimeout : 30,//上传时的timeout
uploadLimit:999//能同时上传的文件数目
设置的事件:
onDialogClose : function(swfuploadifyQueue) {//当文件选择对话框关闭时触发
if( swfuploadifyQueue.filesErrored > 0 ){
alert( '添加至队列时有'
+swfuploadifyQueue.filesErrored
+'个文件发生错误n'
+'错误信息:'
+swfuploadifyQueue.errorMsg
+'n选定的文件数:'
+swfuploadifyQueue.filesSelected
+'n成功添加至队列的文件数:'
+swfuploadifyQueue.filesQueued
+'n队列中的总文件数量:'
+swfuploadifyQueue.queueLength);
}
}
onDialogOpen : function() {//当选择文件对话框打开时触发
alert( 'Open!');
}
onSelect : function(file) {//当每个文件添加至队列后触发
alert( 'id: ' + file.id
+ ' - 索引: ' + file.index
+ ' - 文件名: ' + file.name
+ ' - 文件大小: ' + file.size
+ ' - 类型: ' + file.type
+ ' - 创建日期: ' + file.creationdate
+ ' - 修改日期: ' + file.modificationdate
+ ' - 文件状态: ' + file.filestatus);
}
onSelectError : function(file,errorCode,errorMsg) {//当文件选定发生错误时触发
alert( 'id: ' + file.id
+ ' - 索引: ' + file.index
+ ' - 文件名: ' + file.name
+ ' - 文件大小: ' + file.size
+ ' - 类型: ' + file.type
+ ' - 创建日期: ' + file.creationdate
+ ' - 修改日期: ' + file.modificationdate
+ ' - 文件状态: ' + file.filestatus
+ ' - 错误代码: ' + errorCode
+ ' - 错误信息: ' + errorMsg);
}
onQueueComplete : function(stats) {//当队列中的所有文件全部完成上传时触发
alert( '成功上传的文件数: ' + stats.successful_uploads
+ ' - 上传出错的文件数: ' + stats.upload_errors
+ ' - 取消上传的文件数: ' + stats.upload_cancelled
+ ' - 出错的文件数' + stats.queue_errors);
}
onUploadComplete : function(file,swfuploadifyQueue) {//队列中的每个文件上传完成时触发一次
alert( 'id: ' + file.id
+ ' - 索引: ' + file.index
+ ' - 文件名: ' + file.name
+ ' - 文件大小: ' + file.size
+ ' - 类型: ' + file.type
+ ' - 创建日期: ' + file.creationdate
+ ' - 修改日期: ' + file.modificationdate
+ ' - 文件状态: ' + file.filestatus
+ ' - 出错的文件数: ' + swfuploadifyQueue.filesErrored
+ ' - 错误信息: ' + swfuploadifyQueue.errorMsg
+ ' - 要添加至队列的数量: ' + swfuploadifyQueue.filesSelected
+ ' - 添加至对立的数量: ' + swfuploadifyQueue.filesQueued
+ ' - 队列长度: ' + swfuploadifyQueue.queueLength);
}
onUploadError : function(file,errorCode,errorMsg,errorString,swfuploadifyQueue) {//上传文件出错是触发(每个出错文件触发一次)
alert( 'id: ' + file.id
+ ' - 索引: ' + file.index
+ ' - 文件名: ' + file.name
+ ' - 文件大小: ' + file.size
+ ' - 类型: ' + file.type
+ ' - 创建日期: ' + file.creationdate
+ ' - 修改日期: ' + file.modificationdate
+ ' - 文件状态: ' + file.filestatus
+ ' - 错误代码: ' + errorCode
+ ' - 错误描述: ' + errorMsg
+ ' - 简要错误描述: ' + errorString
+ ' - 出错的文件数: ' + swfuploadifyQueue.filesErrored
+ ' - 错误信息: ' + swfuploadifyQueue.errorMsg
+ ' - 要添加至队列的数量: ' + swfuploadifyQueue.filesSelected
+ ' - 添加至对立的数量: ' + swfuploadifyQueue.filesQueued
+ ' - 队列长度: ' + swfuploadifyQueue.queueLength);
}
onUploadProgress : function(file,fileBytesLoaded,fileTotalBytes,
queueBytesLoaded,swfuploadifyQueueUploadSize) {//上传进度发生变更时触发
alert( 'id: ' + file.id
+ ' - 索引: ' + file.index
+ ' - 文件名: ' + file.name
+ ' - 文件大小: ' + file.size
+ ' - 类型: ' + file.type
+ ' - 创建日期: ' + file.creationdate
+ ' - 修改日期: ' + file.modificationdate
+ ' - 文件状态: ' + file.filestatus
+ ' - 当前文件已上传: ' + fileBytesLoaded
+ ' - 当前文件大小: ' + fileTotalBytes
+ ' - 队列已上传: ' + queueBytesLoaded
+ ' - 队列大小: ' + swfuploadifyQueueUploadSize);
}
onUploadStart: function(file) {//上传开始时触发(每个文件触发一次)
alert( 'id: ' + file.id
+ ' - 索引: ' + file.index
+ ' - 文件名: ' + file.name
+ ' - 文件大小: ' + file.size
+ ' - 类型: ' + file.type
+ ' - 创建日期: ' + file.creationdate
+ ' - 修改日期: ' + file.modificationdate
+ ' - 文件状态: ' + file.filestatus );
}
onUploadSuccess : function(file,data,response) {//上传完成时触发(每个文件触发一次)
alert( 'id: ' + file.id
+ ' - 索引: ' + file.index
+ ' - 文件名: ' + file.name
+ ' - 文件大小: ' + file.size
+ ' - 类型: ' + file.type
+ ' - 创建日期: ' + file.creationdate
+ ' - 修改日期: ' + file.modificationdate
+ ' - 文件状态: ' + file.filestatus
+ ' - 服务器端消息: ' + data
+ ' - 是否上传成功: ' + response);
}
从富文本(HTML字符串)中获取图片
html中获取图片 文章中提取图片 正则获取图片 富文本提取图片路径 字符中中获取图片路径 html中获取图片 文章中提取图片 正则获取图片 富文本提取图片路径 字符中中获取图片路径 html中获取图片 文章中提取图片 正则获取图片 富文本提取图片路径 字符中中获取图片路径
百度地图API详解之事件机制,闭包机制,marker事件,信息窗口,叠加层
百度地图API详解之事件机制,闭包机制,marker事件,信息窗口,叠加层 ,包括marker 的点击前后坐标不同的问题,都有完美的解决方案