JQuery uploadify 上传插件使用

最新推荐文章于 2024-09-20 11:38:47 发布

carroll0911

最新推荐文章于 2024-09-20 11:38:47 发布

阅读量3.3k

点赞数

分类专栏： JS相关文章标签： javascript 上传 jquery uplodify

本文链接：https://blog.csdn.net/core_star/article/details/9023307

版权

JS相关专栏收录该内容

3 篇文章 0 订阅

订阅专栏

1、所需HTML表单元素

<input type="file" name="fileImg" id= "fileImg" />
<div id="fileQueue" ></div>
<a href="javascript:upload()" class="easyui-linkbutton" id="btn_save" > 
上传...</ a>

2、插件初始化

$( "#fileImg").uploadify({
              'uploader' : '${ctx}/handlePicture.action?JSESSIONID=${pageContext.session.id}' ,
              'swf' : '${ctx}/js/uploadify/uploadify.swf' ,
              'cancelImg' :'${ctx}/js/uploadify/cancel.png' ,
              'fileObjName' :'fileImg' ,
              'queueID' : 'fileQueue' ,
              'auto' : false ,
              'buttonText' :'选择' ,
              'fileSizeLimit' : '50MB' ,
              'multi' :false ,
              'height' :20,
              'wmode' :'transparent' ,
              //上传完成时事件
              'onUploadSuccess' : function (file,data,response) {                  
                  data=eval( "(" +data+")" );
                   if (data.status=='1' )
                  {
                        $.messager.alert( '提示:' ,'上传成功' ,'info' );
                        $( "#imgView" ).attr("src" ,ctx+ "/"+data.object);
                        $( "#picturew" ).val(data.object.substring(data.object.lastIndexOf( "/")+1));
                  }
                   else
                  {
                        $.messager.alert( '提示:' ,'上传失败' ,'info' );
                  }
              }
          });

3、上传掉用

    function upload()
    {
        $("#fileImg").uploadify("settings","formData",{'JSESSIONID':'${pageContext.session.id}'});
        $("#fileImg").uploadify("upload");
    }