-1

ボタンクリックでファイルアップロードイベントを呼び出すことは可能ですか?

私はこのようなものが必要です

  <input type="button" onclick="return buttonClicked()">

また、fileupload イベントの呼び出しは、buttonClicked() イベント内で行う必要があります。

 function buttonClicked()
     {
       preventDefault();
       ...File upload event
     }

私はしばらくこの機能を探していましたが、非常に単純な機能のように見えますが、これに対する解決策が見つかりませんでした.

これについては本当に助けが必要です

4

2 に答える 2

0

asp.net を使用している場合は、一般的なハンドラーを使用し、ajax を介して呼び出してファイルをアップロードできます。

あなたがこれに興味を持っているなら、あなたに完全な答えを与えるために私に知らせてください.

asp.netでは、このチュートリアルを使用できます。これは、私が行っていることとほとんど同じです。これにより、ポストバックなしでファイルをアップロードできます。asp.net コントロール FileUpload を使用してサーバー側でアップロードする別の方法がありますが、お勧めしません。

于 2015-05-05T15:20:37.603 に答える
0

次の jQuery プラグインを使用できます。

jQuery サイト リンク: https://plugins.jquery.com/uploadfile/

Github リンク: https://github.com/hayageek/jquery-upload-file

プラグインは、次のイベントをコールバックとして公開します。

$("#aDivforUpload").uploadFile({
    url: "http://hayageek.com/examples/jquery/ajax-multiple-file-upload/upload.php",
    multiple: true,
    fileName: "myfile",
    onSubmit: function(files) {
        $("#eventsmessage").html($("#eventsmessage").html() + "<br/>Submitting:" + JSON.stringify(files));
    },
    onSuccess: function(files, data, xhr) {
        $("#eventsmessage").html($("#eventsmessage").html() + "<br/>Success for: " + JSON.stringify(data));
    },
    afterUploadAll: function() {
        $("#eventsmessage").html($("#eventsmessage").html() + "<br/>All files are uploaded");

    },
    onError: function(files, status, errMsg) {
        $("#eventsmessage").html($("#eventsmessage").html() + "<br/>Error for: " + JSON.stringify(files));
    }
});

このプラグインのすばらしいドキュメントを含むデモは次のとおりです。

http://hayageek.com/docs/jquery-upload-file.php

更新: ここに私が作成した jsFiddle があります: http://jsfiddle.net/raishul/2x32tq3p/

于 2015-05-05T15:10:30.760 に答える