点击并回复jQuery文件上传

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

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

来源

2012-07-09 Motive

考虑uploadify作为替代 – Chief120 2012-07-09 23:18:13

我搞砸了Uploadify了一下。尽管与Codeigniter合作很麻烦。我会在明天继续尝试。 – Motive 2012-07-10 01:52:24

我要建议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-09 23:45:54

我认为这也会起作用，但它不是因为某种原因。 – Motive 2012-07-10 01:51:39

点击并回复jQuery文件上传

回答

相关问题