jquery插件：图片上传按比例预览

最新推荐文章于 2020-12-22 16:11:33 发布

转载最新推荐文章于 2020-12-22 16:11:33 发布 · 94 阅读

0 ·

CC 4.0 BY-SA版权

原文链接：http://www.cnblogs.com/peijian708/archive/2010/04/01/1702426.html

文章标签：

#javascript #ViewUI

本文介绍了一款图片上传预览插件，该插件可在上传过程中生成指定宽高范围内的等比例缩放图。支持多种图片格式，并可通过设置参数调整图片显示效果。

js部分是这样的:
//**********************图片上传预览插件************************
//作者：IDDQD(2009-07-01)
//Email：iddqd5376@163.com
//http://blog.sina.com.cn/iddqd
//版本：1.0

//说明：图片上传预览插件
//上传的时候可以生成固定宽高范围内的等比例缩放图

//参数设置：
//width                     存放图片固定大小容器的宽
//height                    存放图片固定大小容器的高
//imgDiv                    页面DIV的JQuery的id
//imgType                   数组后缀名
//**********************图片上传预览插件*************************
(function($) {
    jQuery.fn.extend({
        uploadPreview: function(opts) {
            opts = jQuery.extend({
                width: 0,
                height: 0,
                imgDiv: "#imgDiv",
                imgType: ["gif", "jpeg", "jpg", "bmp", "png"],
                callback: function() { return false; }
            }, opts || {});
            var _self = this;
            var _this = $(this);
            var imgDiv = $(opts.imgDiv);
            imgDiv.width(opts.width);
            imgDiv.height(opts.height);

            autoScaling = function() {

转载于:https://www.cnblogs.com/peijian708/archive/2010/04/01/1702426.html