JQuery自定义用户控件方法汇总

最新推荐文章于 2022-03-18 20:10:16 发布

转载最新推荐文章于 2022-03-18 20:10:16 发布 · 143 阅读

文章标签：

#javascript #ViewUI

本文详细介绍了如何使用jQuery.fn.extend方法进行控件配置，以实现文件上传预览功能，包括控件的基本设置、配置参数及其应用实例。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

首先必用 JQuery.fn.extend方法 

使用方法：

jQuery.fn.extend({});
其次 相应控件配置参数设置：

jQuery.fn.extend({
    uploadPreview: function (opts) {
        opts = jQuery.extend({
            Img: "ImgPr",
            Width: 100,
            Height: 100,
            ImgType: ["gif", "jpeg", "jpg", "bmp", "png"],
            Callback: function () { }
        }, opts || {});
});
设置控件方法：

var _self = this;
var _this = $(this);
_this.change(function () {});


控件赋予事件：

 $("#id").uploadPreview({ Img: "ImgPr", Width: 120, Height: 120, ImgType: ["gif", "jpeg", "jpg", "bmp", "png"], Callback: function () { }});