0

我正在使用jQuery-File-Upload 插件，但无法将其与单击关联并生成响应。在我选择一个文件后，它会自动上传到一个文件夹（所以至少它可以工作），但我更喜欢在点击按钮时上传它。

另外，我需要服务器在图像上传到数据库后返回一个 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>
4

1 回答 1

0

我也打算建议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);

抱歉，我没有测试过。

于 2012-07-09T23:45:54.560 回答