• 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

  • 相关阅读:
    【TouchGFX】使用CubeMX创建touchgfx项目 -- 初始篇
    opencv haarcascades 下载
    更换 Anaconda 源(贼快)
    yii2 允许跨域
    sublime text 3 安装 pyv8 失败的解决办法
    win10 anaconda cuda11.1 安装 tensorlfow-gpu 环境
    nginx 403转404
    python requests 全部异常
    win10 anaconda 安装 tensorflow-gpu 及 jupyter notebook
    【PHP】自有图片服务器,图片动态裁剪缩放
  • 原文地址:https://www.cnblogs.com/w1-y2-q5/p/9708885.html
Copyright © 2020-2023  润新知