Question

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

Answer 1

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

对于一个非常高级的jQuery表插件，我通常会引导http://www.trirand.com/blog/jqgrid/jqgrid.html jqGrid，虽然它对大多数项目来说都是过度杀伤。

要获得处理多个文件的精彩上传插件，请查看http://blueimp.github.com/jQuery-File-Upload/

您应该可以将上传插件挂钩到网格行数据。

Answer 2

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

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

需要一段时间来弄清楚，但我希望它也会帮助你

Answer 3

请按照以下步骤操作 1.将此代码添加到jtable javascript代码下面的字段 “image_upload：{ 标题：'P。图片'，清单：真实，宽度：'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”中的

从数据库中通过jtable返回PersonId

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

将此代码添加到标题

$（document）.ready（function（）{

    $('.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();

    });
});

上传文件夹名称以存储您的文件或将其自定义为ajaximage.php
将paste loader.gif从unzip目录复制到您的目录

jQuery插件：支持文件上传选项的crud表插件

3 个答案: