javascript - 从 jQuery 中的外部函数调用函数属性

Question

我正在尝试从子函数调用输入属性值。

代码在这里:

     $("input.ups").fileinput({
         uploadUrl: "/imalatci/products/uploadimages",
         allowedFileExtensions: ["jpeg","jpg", "png", "gif"],
         maxImageWidth: 500,
         maxImageHeight: 400,
         maxFileCount: 5,
         resizeImage: true,
         language:"tr",
         uploadExtraData: function() {
             return {
                 product_id: $(this).attr('product_id')
             };
         }
     }).on('filepreupload', function() {
         $('#kv-success-box').html('');
     }).on('fileuploaded', function(event, data) {
         $('#kv-success-box').append(data.response.link);
         $('#kv-success-modal').modal('show');
     });

我想在此函数中获取 $("input.ups") Product_id 属性:

uploadExtraData: function() {
                 return {
                     product_id: $(this).attr('product_id')
                 };
             }

但是出现了未定义错误？

我们如何解决这个问题？

Answer 1

uploadExtraData 函数中 this 的范围不是实例化插件的 input.ups 元素。为了实现您的要求，您需要单独循环它们，以便获得对该元素的引用。试试这个:

$("input.ups").each(function() {
    var $input = $(this);
    $input.fileinput({
        uploadUrl: "/imalatci/products/uploadimages",
        allowedFileExtensions: ["jpeg","jpg", "png", "gif"],
        maxImageWidth: 500,
        maxImageHeight: 400,
        maxFileCount: 5,
        resizeImage: true,
        language:"tr",
        uploadExtraData: function() {
            return { product_id: $input.attr('product_id') };
        } 
    }).on('filepreupload', function() {
        $('#kv-success-box').html('');
    }).on('fileuploaded', function(event, data) {
        $('#kv-success-box').append(data.response.link);
        $('#kv-success-modal').modal('show');
    });
});

我还建议使用 data-* 属性，而不是像 product_id 这样的非标准属性。