开发技术学习 »
前端设计 » swfupload无刷新上传,swfupload多图上传,jqeruy无刷新上传
swfupload无刷新上传,swfupload多图上传,jqeruy无刷新上传
swfupload无刷新上传,swfupload多图上传,jqeruy无刷新上传
swfupload实例使用说明:
找到handlers.js里面的以下代码,分析;
[scourcecode plain="language"]
function uploadSuccess(file, serverData) {
try {
var progress = new FileProgress(file, this.customSettings.upload_target);
//解析json格式
var jsonStr = eval("("+serverData+")");
if (jsonStr.status)
{
addImage(jsonStr.data[0].savepath + jsonStr.data[0].hashname, jsonStr.data[0].id);
addInput(jsonStr.data[0].id);
progress.setStatus("Upload Complete.");
progress.toggleCancel(false);
}else{
addImage("images/error.gif");
progress.setStatus("Error.");
progress.toggleCancel(false);
alert(jsonStr.info);
}
} catch (ex) {
this.debug(ex);
}
}
[/scourcecode]
这是上传成功后的操作
来看一下我们上传处理:
因为前面在页面加载的时候有一个url就是你处理上传的结果
在处理上传的页面上我们将用json的格式把数据返回js
其实就是上传处理和返回值的处理,一开始可能不太清楚怎么下手改,
在项目中我们的要求是将上传的图片存入一下附件表,返回附件ID,将id返回到页面的input中,然后通过post提交数据到最终的数据库
这里要提的就是多图上传,会产生多个id,在设计数据库的储存字段时就要考虑清楚用什么样的格式来储存,以字符串还是以json的格式。
我是用的字符串 pic varchar 255 , 1,2,23,54这种储存到数据库中的!
调用的时候 用explode就是挨个调用了,有可能还有一个缩略图的功能,这个就要判断用户是否选择使用图集中的第一张做为封面图了!~