0

ドラッグ アンド ドロップで追加したファイルをアップロードする必要があり、そのためには jQuery と Ajax を使用する必要があります。ユーザーが [参照] ボタンでファイルを選択できるフォームがありますが、ユーザーはドラッグ アンド ドロップでファイルを追加できるはずです。プラグインは使いたくない。

ドラッグアンドドロップのJavascriptは機能しますが、実際にファイルをアップロードする方法がわかりません（FileReaderで何か？）。以下は、ドロップされたファイルを取得する関数 (検証コードを削除したもの) です。

function handleFileSelect(e) {
    e.stopPropagation();
    e.preventDefault();

    var files = e.dataTransfer.files;

    for(var i = 0, f; f = files[i]; i++) {
        //i display the file name and do validation here
    }
}

ここからjQueryを使ってファイルをアップロードできるようにしたいと思い.ajaxます。これは可能ですか？

4

2 に答える 2

2

クライアント側でファイルを読み取る方法のチュートリアルは次のとおりです。

ドラッグアンドドロップ

ファイルをアップロードする方法の例を次に示します。

html5-ファイルアップロード-jquery-php

于 2012-09-15T06:17:50.377 に答える
1

FormDataajaxを介してファイルをアップロードするために使用します。

var data = new FormData();  
...
data.append('file', files[i]);    
...
$.ajax({..., data: data, contentType: false, processData: false, type: 'POST', ...});
于 2012-09-15T06:19:47.703 に答える