符合中小企业对网站设计、功能常规化式的企业展示型网站建设
本套餐主要针对企业品牌型网站、中高端设计、前端互动体验...
商城网站建设因基本功能的需求不同费用上面也有很大的差别...
手机微信网站开发、微信官网、微信商城网站...
File Upload组件啊,是同步还是异步呢
站在用户的角度思考问题,与客户深入沟通,找到松岭网站设计与松岭网站推广的解决方案,凭借多年的经验,让设计与互联网技术结合,创造个性化、用户体验好的作品,建站类型包括:网站设计制作、做网站、企业官网、英文网站、手机端网站、网站推广、域名申请、虚拟空间、企业邮箱。业务覆盖松岭地区。
html部分:
input type="file" name="file" class="webuploader-element-invisible" multiple="multiple" accept="image/*"
文件引入:
link rel="stylesheet" type="text/css" href="diyUpload/css/diyUpload.css"script type="text/javascript" src="diyUpload/js/diyUpload.js"/script
HTML部分:
div id="demo" div id="as" /div/div
JS部分:
script type="text/javascript"
/** 服务器地址,成功返回,失败返回参数格式依照jquery.ajax习惯;* 其他参数同WebUploader*/
$('#as').diyUpload({
url:'server/fileupload.php',
success:function( data ) {
console.info( data ); },
error:function( err ) {
console.info( err );
},
buttonText : '选择文件', chunked:true, // 分片大小
chunkSize:512 * 1024, //最大上传的文件数量, 总文件大小,单个文件大小(单位字节);
fileNumLimit:50,
fileSizeLimit:500000 * 1024,
fileSingleSizeLimit:50000 * 1024,
accept: {}});
/script
首先,文本类的可以放在request中通过request.getAttribute(name)获取。图片你在前端放地址,后端也是像前面通过request.getAttribute(name)获取后存入数据库。这是jsp+servlet的做法。jsp有九大内置对象用于传递数据。而你如果用spring+springmvc的话是通过参数绑定来传递数据的。详细的你可以了解框架文档。建议你选择一种框架可以便捷开发。jsp+servlet是比较原始的处理方式。
data:null
传递给服务器的数据为空,当然没有接收到文件数据。
上传文件时一般使用ajaxFileUpload方法。
$("#btnLoadPhoto").upload({ url: "../UploadForms/RequestUpload.aspx?action=photo", type: "json", callback: calla });
//获得表单元素
HttpPostedFile oFile = context.Request.Files[0];
//设置上传路径
string strUploadPath = "temp/";
//获取文件名称
string fileName = context.Request.Files[0].FileName;
补充:JQuery是继prototype之后又一个优秀的Javascript库。它是轻量级的js库 ,它兼容CSS3,还兼容各种浏览器(IE 6.0+, FF 1.5+, Safari 2.0+, Opera 9.0+),jQuery2.0及后续版本将不再支持IE6/7/8浏览器。jQuery使用户能更方便地处理HTML(标准通用标记语言下的一个应用)、events、实现动画效果,并且方便地为网站提供AJAX交互。jQuery还有一个比较大的优势是,它的文档说明很全,而且各种应用也说得很详细,同时还有许多成熟的插件可供选择。jQuery能够使用户的html页面保持代码和html内容分离,也就是说,不用再在html里面插入一堆js来调用命令了,只需要定义id即可。
最近做一套手机商城页面,在退款申请页面有上传图片显示缩略图的功能,以前没有做过这个,所以整理了一下。
在这里我把上传按钮input变成了透明色,然后用一个设置了+号背景图的span盖在上面实现了上传按钮的样式改变,如不用图片也可以自行设置span样式来达到想要的效果。
给 input 绑定了一个 change() 事件,当事件被触发后,首先会检测该浏览器是否支持 HTML5 FileReader API ,如果支持就会执行一个 each 循环。
在每一个循环里,用正则表达式判断文件后缀名是否为图片格式,如果是图片格式,如果是图片,就会用 readAsDataURL 方法来读取其 BASE64编码,然后以其为img元素的 src 属性值,添加 img 元素到 #imgPreview 中,实现上传显示缩略图。