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

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

来源

2013-02-19 Allen

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

对于一个非常先进的jQuery表格插件，我通常会引导转发http://www.trirand.com/blog/jqgrid/jqgrid.html jqGrid，尽管它对大多数项目来说都是过分的。

一个不错的上传插件，处理多个文件，检查出http://blueimp.github.com/jQuery-File-Upload/

你应该能够上传插件钩到您的网格行的数据。

来源

2013-02-19 16:23:37

可以使用jQuery文件上传我的jtable里面的插件？即如果我点击添加新记录按钮，我会在jtable中获得一个表单，我可以使用上传文件选项里面的形式？ – Allen 2013-02-19 20:19:14

是的，您应该能够定义添加记录表单中的内容并在其中实施插件。 – 2013-02-19 20:20:36

谢谢，我会试一试。 – Allen 2013-02-19 20:42:54

嗨，你可以在jtable上使用Uploadify。您可以参考在过去的岗位上做出了如下步骤由我（une6）

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

了好一会儿才搞清楚，但我希望它会帮助你太

来源

2013-07-18 07:34:09 une6

只是Followe这些步骤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” PERSONID是通过返回JTable中从数据库

从
http://www.9lessons.info/2011/08/ajax-image-upload-without-refreshing.html
解压缩的文件夹
复制粘贴文件jquery.form.js从和包括下载脚本这个文件对你网页

将此代码添加到标题

$（文件）。就绪（函数（）{

$('.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从解压目录
复制粘贴loader.gif到您的目录享受

来源

2014-02-17 08:41:06

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

回答

相关问题