一：引用jquery.uploadify.js

二：代码

<body>
<table>
<tr>
<td style="width: 15%; text-align: right">
<a id="pub_upload" href="#" class="easyui-linkbutton" iconcls="icon-ok" onclick="javascript:$('#uploadify').uploadify('upload','*')">上传</a>
</td>
<td style="width: 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

uploadify上传图片的使用的更多相关文章

  1. 调试台自动多出现一个'&#65279;' ，我 用uploadify上传图片时，在给页面写入一个返回值为图片名称的变量的值的时候值的前面始终多出现一个'&#65279;'

    对你有助请点赞,请顶,不好请踩------送人玫瑰,手留余香! 15:54 2016/3/12用uploadify上传图片时,在给页面写入一个返回值为图片名称的变量的值的时候值的前面始终多出现一个' ...

  2. MVC中使用jquery uploadify上传图片报302错误

    使用jquery uploadify上传图片报302错误研究了半天,发现我上传的action中有根据session判断用户是否登录,如果没有登录就跳到登陆页,所以就出现了302跳转错误.原来更新了fl ...

  3. MVC 中使用uploadify上传图片遇到的蛋疼问题

    MVC 中使用uploadify上传图片遇到的蛋疼问题 初次使用uploadify上传图片,遇到了一些比较纠结的问题,在这里和大家分享下,有不对的地方还望大神多多指教,希望对刚接触的朋友有所帮助,文采 ...

  4. uploadify上传图片

    1.实现源代码 <%@ page language="java" import="java.util.*" pageEncoding="UTF- ...

  5. uploadify上传图片的类型错误的解决办法

    大家在做开发的过程中,相信很多人都会使用到uploadify插件来上传图片,但是这个插件也有不完美的地方. 我曾多次遇到过这样一个问题:上传的图片类型明明是没有问题的,但是在上传的时候总是会报错:图片 ...

  6. 使用uploadify上传图片时返回“Cannot read property 'queueData' of undefined”

    在使用uploadify插件上传图片时,遇到一个比较坑的错误:上传时提示“Cannot read property 'queueData' of undefined”. 遇到这个问题有点无语,因为这个 ...

  7. [ASP.NET]使用uploadify上传图片，并在uploadify按钮上生成预览图

    目录 需求 主要代码 总结 需求 项目中有用到uploadify上传插件,给的原型就是上传成功后替换原来的图片.没办法需求在那儿,也不能修改需求吧,只能想办法解决问题了. 主要代码 修改uploadi ...

  8. laravel中的验证及利用uploadify上传图片

    $rules = [ 'password'=>'required|between:6,20|confirmed', ]; $message = [ 'password.required'=> ...

  9. uploadify上传图片(限制最多五张)

    项目中遇到图片上传的情况,好多都是使用服务器上传控件进行上传的,很是不爽. 然后在网上找到了uploadify的方法,自己总结和修改后分享给大家. 项目文档预览: 1.引用原有css和js    &l ...

随机推荐

  1. 重构file_get_contents实现一个带超时链接访问的函数

    function wp_file_get_contents($url, $timeout = 30) { $context = stream_context_create(array( 'http' ...

  2. I Think I Need a Houseboat POJ - 1005

    I Think I Need a Houseboat POJ - 1005 解题思路:水题 #include <iostream> #include <cstdio> #inc ...

  3. Centos 7 上使用nginx为Node.js配置反向代理时错误：(13: Permission denied) while connecting to upstream

    错误来源:Centos 7 上使用nginx为Node.js配置反向代理时产生(13: Permission denied) while connecting to upstream的错误 nginx ...

  4. css页面字体替换源代码和页面显示不一样问题解决

    2018年8月27日19:58:12 css指定字体的时候,可以自制的字体,比如字符替换,比如 0没有被替换,其他在源代码被替换对应的字母,但是现实的时候在替换成正确的数字 很简单,防爬虫,但是... ...

  5. python升级pip和Django安装

    1.centos7默认python版本为2.7.5,现升级到3.6.0 2.wget https://www.python.org/ftp/python/3.6.0/Python-3.6.0.tgz ...

  6. js获取HTML DOM节点元素方法总结

    1. 通过顶层document节点获取:    (1)document.getElementById(elementId) :通过ID获得节点,如果页面上含有多个相同id的节点,那么只返回第一个节点. ...

  7. domain logic approaches

    领域逻辑组织可以分为三种主要的模式:事务脚本(Transaction Script).领域模型(Domain Model)和表模块(Table Module)” 1.domain logic appr ...

  8. Exp2 后门原理与实践 20164320 王浩

    一.实践基本内容 1.实践目标 (1)使用netcat获取主机操作Shell,cron启动 (2)使用socat获取主机操作Shell, 任务计划启动 (3)使用MSF meterpreter(或其他 ...

  9. react高阶组件的使用

    为了提高代码的复用在react中我们可以使用高阶组件 1.添加高阶组件 高阶组件主要代码模板HOC.js export default (WrappedComponent) => { retur ...

  10. find 详解

    find 详解 原文请访问http://itlab.idcquan.com/linux/SHELL/949102.html 当最初登录到系统中时, u m a s k命令确定了你创建文件的缺省模式.这 ...