码迷,mamicode.com
首页 > Web开发 > 详细

jqueryfileupload插件

时间:2015-03-06 20:39:01      阅读:980      评论:0      收藏:0      [点我收藏+]

标签:

      <input type="file" id="cover" name="cover" style="display: none;"/>
                        <input type="button" onclick="selectDo()" value="浏览..."/><span id="text"></span>
                        <input type="hidden" id="picUrl" required name="picUrl">

    

  $("#cover").fileupload({

     url: "${ctx}/wxmMsgLog/upload",//文件上传地址,当然也可以直接写在input的data-url属性内
     formData: {sendType: "${wxmMsgLog.sendType}", service: "${service}"},//如果需要额外添加参数可以在这里添加
     //        $("#img1").attr("src", data.imgurl);
     done: function (e, result) {

     //发送到微信后台下载下来  显示
     $("#picUrl").val(result.result["picUrl"]);
     //下载到的地址
     *//*    $("#img1").attr("src", "
    ${ctx}/upload/"+result.result["filePath"]);
     //设置值*//*

     }
     })

 

    $(document).ready(function () {

        $("#edit_mass_form").validate({
            /*    ignore: "",
             //            onfocusout: true,
             errorPlacement: function (error, element) {
             if (element.attr("name") == "picUrl")
             error.insertAfter("#text");
             else
             error.insertAfter(element);
             }*/
        });

        /*      $(‘#selectFile‘).bind(‘click‘, function () {
         var ie = !-[1, ];
         if (ie) {
         $(‘#cover‘).trigger(‘click‘).trigger(‘change‘);
         } else {
         $(‘#cover‘).trigger(‘click‘);
         }
         });

         $(‘#cover‘).change(function () {
         $("#text").text(this.value);
         });*/
    });

    /* function selectDo() {
     $("#cover").trigger(‘click‘);
     }*/

    //使用模拟的 input file 当点击button的时候触发打开文件  当更改选中的时候 获取文件的名称  在button
    //后面写一个span  写入文件的名称   并保存picUrl  验证:  取消隐藏验证 当名称=picUrl的时候就是他选中
    //上传过图片  如果没有上传过则 在span 后面添加错误消息

 

jqueryfileupload插件

标签:

原文地址:http://www.cnblogs.com/yaoyao66123/p/4319007.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!