3

我正在使用 jtable 插件。在我满足在我的表单中上传一个文件或多个文件（大多数图像）的需要之前，它工作正常。我研究发现jtable没有这个功能。是否有任何支持多个文件上传的 jquery 插件。

4

3 回答 3

2

您可能不会找到与 jquery 网格插件捆绑在一起的图像上传功能，因为它们是单独的关注点。我建议在您的行的添加/编辑上构建/包含文件上传插件/ajax 函数，然后将其与该行数据或 json 对象一起存储。

对于一个真正高级的 jQuery 表格插件，我通常会转向http://www.trirand.com/blog/jqgrid/jqgrid.html jqGrid，尽管它在大多数项目中都过于矫枉过正。

对于一个处理多个文件的好上传插件，请查看http://blueimp.github.com/jQuery-File-Upload/

您应该能够将上传插件连接到您的网格行数据。

于 2013-02-19T16:23:37.470 回答
1

您好，您可以在 jtable 上使用 Uploadify。您可以参考我在上一篇文章中所做的步骤（une6）

https://github.com/hikalkan/jtable/issues/321

花了一段时间才弄清楚，但我希望它也能帮助你

于 2013-07-18T07:34:09.523 回答
1

只需按照以下步骤 1.将此代码添加到字段下方的 jtable javascript 代码“ image_upload: { title: 'P. Image', list:true, width: '20%',

                     display: function (data) {
                  return '<div id='+ data.record.PersonId + '><form id="form'+ data.record.PersonId +'" method="post" enctype="multipart/form-data" action="ajaximage.php"><input type="file" name="photoimg" id="'+ data.record.PersonId +'" class="upload"/><input type="hidden"  value="'+ data.record.PersonId +'"/></form></div><div id="preview'+ data.record.PersonId +'"></div>';
                       }"

在“data.record.PersonId”中，PersonId 由 jtable 从数据库返回

  1. 从http://www.9lessons.info/2011/08/ajax-image-upload-without-refreshing.html下载脚本
  2. 解压缩文件夹
    复制粘贴文件 jquery.form.js 并将此文件包含到您的页面

  3. 将此代码添加到标题

    $(文档).ready(函数() {

        $('.upload').live('change', function()          { 
       var id=this.id;
           $("#preview"+id).html('');
        $("#preview"+id).html('<img src="img/loader.gif" alt="Uploading...."/>');
     $("#form"+id).ajaxForm({
                target: '#preview'+id
    }).submit();

    });
});

  4. 使文件夹名称上传以存储您的文件或将其自定义为 ajaximage.php

  5. 将解压缩目录中的 paste loader.gif 复制到您的目录并享受
于 2014-02-17T08:41:06.880 回答