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

私もアップロードを提案するつもりでした。しかし、コールバック メソッドを調べましたか?

.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 に答える