前台导入图片时,带参数id到后台方法

版权声明:本文为博主原创文章,未经博主允许不得转载。 https://blog.csdn.net/Knight_Key/article/details/86501399

一般前台导入图片时,是采用url带参数传至后台,今天有人问我除了这种方式还有其他可传参的方式没,如下举例:

这是bootstrap前台框架下的导入模板,js如下所示:

 function upload(record) {
        $('#window-form-file').upload({
            title: '上传附件图',
            id: record.id,
            url: '/relyTest/upload'
        }, function (obj) {
            if (obj.success) {
                query();
            } else {
                alert(obj.message);
            }
        });
    }
</scrip

一般直接是url后跟参数,这里多加了id可传至后台,是通过代码填充进去的,如下所示:

upload: function(options, callback) {
        var o = $(this);
        o.find('.modal-title').text(options.title);
        o.find('form').attr('action', options.url);
        o.modal();
        o.find('#upload').unbind('click').on('click', function(ev) {
            var formData = new FormData(document.forms.namedItem("form-file"));
            formData.append("id",options.id);
            $.ajax({
                url: options.url,
                type: 'POST',
                data: formData,
                processData: false,
                contentType: false,
                success: function(obj) {
                    o.modal('hide');
                    callback(JSON.parse(obj));
                    o.find('form input[name="file"]').val();
                }
            });
        });
    }

记着,很多人不去关心封装方法,不去看下方法如何传参,确认是否append了id,而一味的去找前后台方法问题,这样很难找出问题 

猜你喜欢

转载自blog.csdn.net/Knight_Key/article/details/86501399