Question

我正在使用jQuery-File-Upload plugin，但我无法将其与点击相关联并生成回复。在我选择一个文件后，它会自动上传到一个文件夹（至少它正在工作），但是我希望在点击一个按钮时上传它。

此外，我需要服务器在图像上传到数据库后返回ID，但我似乎无法得到响应。

我一整天都在努力，这有点令人沮丧，但我找不到任何其他更新的jQuery插件。如果你有另一种选择，我会很感激。

以下是代码：

<?php echo form_open_multipart('admin/file/upload', array('id' => 'fileupload'));?>

<input type="file" name="userfile" size="20" multiple />

    <button id="upload_file" type="button" class="btn btn-primary start">
        <i class="icon-upload icon-white"></i> Start upload
   </button>

<script src="//ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>
<script  type="text/javascript" src="<?=base_url();?>assets/admin/js/fileupload/vendor/jquery.ui.widget.js"></script>
<script  type="text/javascript" src="<?=base_url();?>assets/admin/js/fileupload/jquery.iframe-transport.js"></script>
<script  type="text/javascript" src="<?=base_url();?>assets/admin/js/fileupload/jquery.fileupload.js"></script>
<script  type="text/javascript" src="<?=base_url();?>assets/admin/js/fileupload/jquery.fileupload-ui.js"></script>

<script>
$(document).ready(function() {
    $('#fileupload').fileupload({
    url: $('#fileupload').attr('action'),
    replaceFileInput: false,
    add: function (e, data) {
         data.submit();
     }

    });
});
</script>

Answer 1

我也建议uplodify。但你有没有看过回调方法？

.bind('fileuploadcompleted', function (e, data) {/* ... */})

https://github.com/blueimp/jQuery-File-Upload/wiki/Options

如果您在点击按钮后想要它可以工作，您应该可以按照以下方式执行操作：

function uploadMe() { 
  $('#fileupload').fileupload({
    autoUpload:false,
    url:$('#fileupload').attr('action'),
    replaceFileInput:false,
    add:function(e, data){
      data.submit();
    }
  });
}

$(".icon-upload").click(uploadMe);

对不起，我还没有测试过。

单击和响应上的jQuery-File-Upload

1 个答案: