plupload 如何控制最小宽度和文件类型

直接上代码

plupload.addFileFilter(‘min_width‘, function (maxwidth, file, cb) {
        var self = this, img = new o.Image();
        function finalize(result) {
            // cleanup
            img.destroy();
            img = null;

            // if rule has been violated in one way or another, trigger an error
            if (!result) {
                self.trigger(‘Error‘, {
                    code: plupload.IMAGE_DIMENSIONS_ERROR,
                    message: "图片宽度不能小于" + maxwidth + "px",
                    file: file
                });
            }
            cb(result);
        }
        img.onload = function () {
            // check if resolution cap is not exceeded
            finalize(img.width >= maxwidth);
        };
        img.onerror = function () {
            finalize(false);
        };
        img.load(file.getSource());
    });
    plupload.addFileFilter(‘filetype‘, function (filetype, file, cb) {
        var self = this, img = new o.Image();
        function finalize(result) {
            // cleanup
            img.destroy();
            img = null;

            // if rule has been violated in one way or another, trigger an error
            if (!result) {
                self.trigger(‘Error‘, {
                    code: plupload.IMAGE_DIMENSIONS_ERROR,
                    message: "您上传的图片格式是" + file.type + ",只能上传jpg图片",
                    file: file
                });
            }
            cb(result);
        }
        img.onload = function () {
            // check if resolution cap is not exceeded
            var type = file.type;
            type = type.replace("image/", "");
            finalize(filetype.indexOf(type) > 0);
        };
        img.onerror = function () {
            finalize(false);
        };
        img.load(file.getSource());
    });

    var uploader = new plupload.Uploader({//创建实例的构造方法
        browse_button: ‘fileinput-button‘,
        runtimes: ‘html5,flash,silverlight,html4‘, //上传插件初始化选用那种方式的优先级顺序
        url: "/common/ImageUp", //远程上传地址
        max_file_size: ‘20mb‘,
        chunk_size: ‘500kb‘,
        filters:
           { title: "Image files", filetype: "jpg,jpeg", min_width: 600 }
        ,
        flash_swf_url: ‘/Scripts/plupload-2.1.9/Moxie.swf‘,
    });

    uploader.init();

参考文章:

http://stackoverflow.com/questions/14091505/control-image-width-and-height-when-upload-image

时间: 2024-08-28 11:54:21

plupload 如何控制最小宽度和文件类型的相关文章

Vue 之 element-ui upload组件的文件类型

在使用element-ui的upload上传组件的时候,有时候会遇到 控制上传文件类型 的需求,只需要配置accept属性为允许的类型即可,比如: <el-upload class="upload-demo" :action="this.uploadUrl" :on-preview="handlePreview" :on-remove="handleRemove" :on-success="uploadSucc

在HTML5的 input:file 上传文件类型控制 遇到的问题

1.input:file 属性的介绍  先瞅代码吧 <form> <input type="file" name="pic" accept="image/gif,image.jpg" multiple="multiple"/> </form> accept: 一般是指 上传文件的MIME类型. 文件类型MIME 列表  链接(我个人觉得比较全的地方) multipe: 是指多文件上传 2.工

plupload+artdialog实现多平台文件上传

背景:本来项目中使用的前端文件上传控件是uploadify,一切相安无事了一段时间后.现场传来"喜讯",客户要用ipad使用系统,还想上传图片.客户老爷一拍脑门,研发就要加班加点.大家知道uploadify是依赖flash的,所以在ios,mac系统上都不行.于是,经过一番google,找到了plupload.上手比较简单. 页面html代码: head标签中包含必要的js文件 <script type="text/javascript" src="

Python文件类型

Python的文件类型分为三种:源代码.字节代码.优化代码. 1. 源代码    Python源代码文件,即py脚本文件,由 python.exe 解释,可在控制台下运行.pyw脚本文件是图形用户接口(Graphical user interface)的源文件,专门用来开发图形界面,由 pythonw.exe 解释运行. 2. 字节代码    Python源文件经过编译后生成的pyc文件,即字节文件.它与平台无关,所以可以移植到其他系统上.下面这段脚本可以把 example.py 编译为 exa

Struts文件上传allowedTypes问题,烦人的“允许上传的文件类型”

Struts的文件上传问题,相信很多人都会使用allowedTypes参数来配置允许上传的文件类型,如下. [html] view plaincopy <param name="allowedTypes"> image/png,image/bmp,image/jpg </param> 但是,用过这个参数的人都知道,allowedTypes是“文件类型”, 而不是“文件后缀名”,文件类型与文件后缀名有什么区别呢? 就如后缀名为bmp的图片的文件类型为image/b

MySQL 体系结构以及各种文件类型学习汇总

1,mysql体系结构 由数据库和数据库实例组成,是单进场多线程架构. 数据库:物理操作系统文件或者其它文件的集合,在mysql中,数据库文件可以是frm.myd.myi.ibd等结尾的文件,当使用ndb存储引擎时候,不是os文件,是存放于内存中的文件. 数据库实例:由数据库后台进程/线程以及一个共享内存区组成,共享内存可以被运行的后台进程/线程所共享. 2,mysql文件类型 Mysql主要文件类型有如下几种: 参数文件:mysql实例启动的时候在哪里可以找到数据库文件,并且指定某些初始化参数

5 个在 Linux 中管理文件类型和系统时间的有用命令

对于想学习 Linux 的初学者来说要适应使用命令行或者终端可能非常困难.由于终端比图形用户界面程序更能帮助用户控制 Linux 系统,我们必须习惯在终端中运行命令.因此为了有效记忆 Linux 不同的命令,你应该每天使用终端并明白怎样将命令和不同选项以及参数一同使用. 在 Linux 中管理文件类型和设置时间 请先查看我们 Linux 小技巧系列之前的文章: 5 个有趣的 Linux 命令行技巧 给新手的 10 个有用 Linux 命令行技巧 在这篇文章中,我们打算看看终端中 5 个和文件以及

MySQL体系结构以及各种文件类型学习

1,mysql体系结构 由数据库和数据库实例组成,是单进场多线程架构. 数据库:物理操作系统文件或者其它文件的集合,在mysql中,数据库文件可以是frm.myd.myi.ibd等结尾的文件,当使用ndb存储引擎时候,不是os文件,是存放于内存中的文件. 数据库实例:由数据库后台进程/线程以及一个共享内存区组成,共享内存可以被运行的后台进程/线程所共享. 2,mysql文件类型 Mysql主要文件类型有如下几种: 参数文件:mysql实例启动的时候在哪里可以找到数据库文件,并且指定某些初始化参数

linux 文件类型 文件权限

linux中常见的文件类型有: “—”表示普通文件 :-rw-r--r-- 1 root root 41727 07-13 02:56 install.log “d”表示目录 :drwxr-xr-x 2 root root  4096 07-13 03:18 Desktop “b”表示块设备文件 :brw-r----- 1 root disk 8, 0 07-13 05:57 /dev/sda “c”表示字符设备文件 : crw-rw-rw- 1 root tty 5, 0 07-13 05:5