一：引用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. css 控制文字显示两行,多余用省略号 手机端

    p { width:100px; position:relative; line-height:20px; /*行高为高度的一半,这样就是两行*/ height:40px; overflow:hidd ...

  2. eclipse部分常用快捷键

    -------------eclipse常用快捷键------------- 1.alt+?或alt+/:自动补全代码或者提示代码 2.ctrl+o:快速outline视图 3.ctrl+shift+ ...

  3. Python全栈-magedu-2018-笔记2

    第二章 - Python 基础语法 基本语法 注释 -- # 标注的文本 数字 整数,不区分long和int 进制0xa.0o10.0b10 bool,2个值True.False 浮点数 1.2.3. ...

  4. jsplumb 使用总结

    1 删除连线问题 funcion clearDrawGraph { if (this.graphInstance !== null) { const connections = this.graphI ...

  5. day25:接口类和抽象类

    1,接口类和抽象类知识背景:一开始在程序界是没有这些概念的,后来就流行了一种语言叫做JAVA,JAVA是一种典型的纯面向对象的语言,JAVA写的程序都是非常适用于更庞大的项目,很多程序员就总结出了一些 ...

  6. 剑指offer-机器人的运动范围

    题目描述 地上有一个m行和n列的方格.一个机器人从坐标0,0的格子开始移动,每一次只能向左,右,上,下四个方向移动一格,但是不能进入行坐标和列坐标的数位之和大于k的格子. 例如,当k为18时,机器人能 ...

  7. 如何优雅的运行起jmeter

    安装jdk 下载网站:http://www.oracle.com/,选个最新的版本就可以. 注意:11以后没有自动生成jre 配置环境变量 对于Java程序开发而言,主要会使用JDK的两个命令:jav ...

  8. Java博客目录

    JavaWeb 1.Tomcat使用 2.Servlet入门 3.JSP&EL&JSTL 4.Listener&Filter Java框架 Hibernate 1.简介及初使用 ...

  9. 基于Promise封装uni-app的request方法，实现类似axios形式的请求

    https://my.oschina.net/u/2428630/blog/3004860 uni-app框架中 安装(项目根目录下运行) npm install uni-request --save ...

  10. ThinkPHP安全规范指引

    流年 发布于 ThinkPHP官方博客: https://blog.thinkphp.cn/789333 本文主要和大家探讨一下ThinkPHP的安全注意事项,可以作为ThinkPHP建议的安全规范实 ...