BlueImp 文件上传额外参数答案

【问题标题】：BlueImp File upload extra parameterBlueImp 文件上传额外参数
【发布时间】：2014-11-22 02:54:13
【问题描述】：

我正在尝试将一个额外的参数传递给 blueimp 文件上传。我尝试使用文件上传提交事件：

$('#fileupload').bind('fileuploadsubmit', function (e, data) {
// The example input, doesn't have to be part of the upload form:
var input = $('#input');
data.formData = {example: input.val()};
if (!data.formData.example) {
  data.context.find('button').prop('disabled', false);
  input.focus();
  return false;
}
});

但是我不知道那个额外的参数被传递到哪里以及如何访问那个额外的参数？

我想要实现的是在 UI 版本中上传文件时为每一行分配一个唯一的 ID。有什么建议吗？

【问题讨论】：

标签： javascript jquery forms file-upload blueimp

【解决方案1】：

在您的上传模板 javascript 中添加字段

<td>
Descripción
	<input type="text" name="descripcion[]" id="descripcion" placeholder="Descripción">     
</td>

在你的 jQueryFileUpload

}).on('fileuploadsubmit', function (e, data) {
  var inputs = data.context.find(':input');
  if (inputs.filter(function () {
    return !this.value && $(this).prop('required');
  }).first().focus().length) {
  	data.context.find('button').prop('disabled', false);
  return false;
  }
  data.formData = data.context.find(':input').serializeArray();
});

【讨论】：

您好，感谢您的回答。但是如何检索描述？可以在下载模板中输出吗？

【解决方案2】：

首先，模板-下载添加这段代码

<td>
  {%=file.descripcion%}
</td>

然后修改你自定义的index.php“set_additional_file_properties($file)”函数

protected function set_additional_file_properties($file) {
        parent::set_additional_file_properties($file);
        if ($_SERVER['REQUEST_METHOD'] === 'GET') {
            $sql = "SELECT Id, Nombre, Descripcion FROM tabla WHERE Nombre='".$file->name."'";
            $query = $this->db->prepare($sql);
            $query->execute();
            $query->bind_result(
                $id,
                $nombre,
                $descripcion
            );
            while ($query->fetch()) {
                $file->id = $id;
                $file->nombre = $nombre;
                $file->descripcion = utf8_encode($descripcion);
            }
        }
		
    }

【讨论】：