首页 诗词 字典 板报 句子 名言 友答 励志 学校 网站地图
当前位置: 首页 > 教程频道 > 网站开发 > Web前端 >

扩展dwz下传uploadify功能

2012-09-06 
扩展dwz上传uploadify功能我用的是dwz1.2final版本,使用他封装的uploadify插件完成上传功能,但是我实现的

扩展dwz上传uploadify功能

我用的是dwz1.2final版本,使用他封装的uploadify插件完成上传功能,但是我实现的是跨域上传+回显。

1。我用的是struts2,要想实现struts2的上传就必须传参数fileDataName,但是dwz.ui.js并没有这个属性,所以自己修改了一下,添加这个属性。

2.由于要上传之后回显图片,所以要在onComplete:属性上设置响应函数,使其服务器返回的图片地址放入img src属性中,实现回显。

dwz.ui.js改动如下:

if ($.fn.uploadify) {
??$(":file[uploader]", $p).each(function(){
???var $this = $(this);
???var options = {
????uploader: $this.attr("uploader"),
????script: $this.attr("script"),
????cancelImg: $this.attr("cancelImg"),
????//扩充上传file名称,使其支持struts2上传功能
????fileDataName : $this.attr("fileDataName"),
????queueID: $this.attr("fileQueue") || "fileQueue",
????fileDesc: $this.attr("fileDesc") || "*.jpg;*.jpeg;*.gif;*.png;*.pdf",
????fileExt : $this.attr("fileExt") || "*.jpg;*.jpeg;*.gif;*.png;*.pdf",
????//扩充图片存放位置
????folder?: $this.attr("folder"),
????auto: true,
????multi: true,
????onError:uploadifyError,
????//扩充ui,使其上传可以调自己定义的函数
????onComplete: $this.attr("onComplete") || uploadifyComplete,
????onAllComplete: uploadifyAllComplete
???};

然后定义一个js叫dwz.my.js里面放的是一些自己定义的方法,

例如onComplete:对应的方法:

/***
?* uplaodify响应函数
?* 当相应不为false的时候,拼接回显图片的路径并显示图片
?*/
function myUplaodifyComplete(event,queueId,fileObj,response,data){
????????if(response != 'false'){
?????????var fileUrl = $('#serverUrl').val()+'/'+response;
?????????$('#imgpic').attr("src",fileUrl);//往img的src存放图片上传后的路径
?????????$('#imagediv').show();//放图片回显的div
?????????$('#fileUrl').val(fileUrl);
?????????//alert($('#fileUrl').val());
????????}

}

?

?

uplaod.jsp代码如下:

<div >
?<div layoutH="80">
??<div id="fileQueue_demo" type="file" name="file"
???uploader="${ctx}/uploadify/scripts/uploadify.swf"
???cancelImg="${ctx}/uploadify/cancel.png"
???script="${resServerAddr}/up/upload!save.action"
???scriptData="{folderName:'images/info'}"
???fileQueue="fileQueue_demo"
???fileDataName="file" folder="/uploads" onComplete="myUplaodifyComplete"
???/>
?</div>
?<div /> DWZ资料很少,楼主有demo吗,DWZ中JSP上传的

热点排行