一：引用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. Lecture6.概率极限理论

    一.随机变量序列的收敛性 1.定义 (1)概率为1收敛: 如果$P{\lim\limits_{n \to \infty}X_n = X} = 1$,则称{Xn}概率为1地收敛于X,或几乎处处(几乎必然 ...

  2. Lecture3.随机变量及其概率分布

    1.随机变量的定义 2.随机变量的类型: 若随机变量X的可能取值是有限个或可列个, 则称X为离散型随机变量. 反之,则称X为非离散型随机变量. 若随机变量X的可能取值“连续”(“不间断”),则称X 为 ...

  3. archlinux下安装acroread打开pdf

    虽说acroread是个好东西,但是在打开pdf几秒后总是自动退出呢 在其aur网页下找到了这么一解决办法: 打开终端输入 sudo unshare -n sudo -u ${USER} ACRO_A ...

  4. App拉起小程序提示跳转失败

    App拉起小程序提示跳转失败 req.userName = "gh_8afldfalsejw"; // 小程序的原始ID,注意不是Appid

  5. nginx break-circus

    upstream : read-timeout,connection-timeout,分级别 500ms,1S,100S,长链接 ---颗粒度[每个服务api health-check]--- --- ...

  6. Django中的form组件

    Django中的form组件有两大作用 1.验证获取正确的结果或者错误信息 2.生成html代码 一.为什么需要form组件呢? 在写form表单,提交数据时,自己写验证的代码是一件非常困难的事情. ...

  7. 学习ActiveMQ(七)：JMS消息的事务管理

    Spring提供了一个JmsTransactionManager用于对JMS ConnectionFactory做事务管理.这将允许JMS应用利用Spring的事务管理特性.JmsTransactio ...

  8. Spring Boot(二)：Spring-Data-JPA操作数据库（ Hibernate）增删改查

    一.Maven使用3.3.9版本或以上,选择Binary 版本 二.添加spring-data-jpa和数据库依赖,以oracle为例 三.添加连接数据库配置 四.新建model自动生成数据库表(不用 ...

  9. npm 使用指南参考

    [阮一峰npm scripts基本教程] [rimraf 跨平台删除文件] [ts-loader 安装问题] [nvm 安装使用] [npm镜像的问题] [webpack 如何引入jquery]web ...

  10. ASP.NET操作DataTable各种方法总结(给Datatable添加行列、DataTable选择排序等)

      using System; using System.Collections.Generic; using System.Data; using System.Text; namespace Gz ...