點擊並回復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文件上傳

回答

相關問題