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

一般前台导入图片时，是采用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，而一味的去找前后台方法问题，这样很难找出问题 

 

觉得辛苦就扫一扫：