zoukankan      html  css  js  c++  java
  • uploadify上传图片的使用

    一:引用jquery.uploadify.js

    二:代码

    <body>
    <table>
    <tr>
    <td style=" 15%; text-align: right">
    <a id="pub_upload" href="#" class="easyui-linkbutton" iconcls="icon-ok" onclick="javascript:$('#uploadify').uploadify('upload','*')">上传</a>
    </td>
    <td style=" 35%; text-align: left">
    <a id="pub_cancel" href="#" class="easyui-linkbutton" iconcls="icon-cancel" onclick="javascript:;$('#uploadify').uploadify('cancel')">取消</a>
    </td>
    </tr>
    </table>
    <div style="padding-left:80px;">
    <input type="file" name="uploadify" id="uploadify"/>
    </div>
    <div id="fileQueue"></div>
    </body>


    <script>
    $(function () { 

    upload(value);
    });

    function upload(userid) {
    $("#uploadify").uploadify({
    'height': 30,
    'swf': '@Url.Content("~/Scripts/js/uploadify/uploadify.swf")',
    'uploader': '@Url.Action("Upload")',
    'width': 120,
    'cancel': '@Url.Content("~/Scripts/js/uploadify/uploadify.png")',
    'buttonText': '选择文件',
    'fileTypeExts': '*.bmp;*.doc;*.docx;*.gif;*.jpeg;*.jpg;*.pdf;*.png;*.ppt;*.pptx;*.rar;*.txt;*.zip;*.tif;*.xls;*.xlsx',
    'fileSizeLimit': '10240KB',
    'formData': { 'flagID': '1' },
    //'folder': 'UploadFile',
    //'queueID': 'fileQueue',
    'auto': false, //设置为true当选择文件后就直接上传了,为false需要点击上传按钮才上传
    'multi': true, //设置为true或false来控制是否可以进行多文件上传
    'queueSizeLimit': 15,
    'onUploadStart': function () {
    //if (userid == "") {
    // $("#uploadify").uploadify('stop');
    //}
    $("#uploadify").uploadify('settings', 'formData', { 'userid': userid });
    },
    'onUploadSuccess': function (file, data, response) {
    if (data != "ok") {
    alert(data);
    return false;
    }
    },
    'onUploadError': function (file, errorCode, errorMsg, errorString) {
    // alert('文件:' + file.name + ' 取消上传');
    return false;
    }
    });
    }

    </script>

    使用uploadify上传图片时出现错误:“Cannot read property 'queueData' of undefined”

    原来是浏览器原因

    https://www.cnblogs.com/ant-jmf17/p/7127756.html

  • 相关阅读:
    2015 HUAS Summer Contest#2~B
    2015 HUAS Summer Contest#2~A
    HUAS Summer Trainning #3~B
    HUAS Summer Trainning #3~A
    2015 HUAS Provincial Select Contest #1~D
    UVA 725
    货币体系
    N皇后摆放问题
    种子填充找连通块 floodfill
    二叉树的递归遍历,用先序和中序输出后序
  • 原文地址:https://www.cnblogs.com/w1-y2-q5/p/9708885.html
Copyright © 2011-2022 走看看