dropzone.jsのファイル変数

Question

ファイルアップロードを実装するためにdropzone.jsを使用しています。私はJavaScriptが初めてです。誰でも変数fileがここに格納されていると教えてもらえますか？ファイルの名前？

accept: function(file, done) { 
return done(); 
}, 

また、id="editor"のテキスト領域にファイルの内容を表示したいとします。

accept: function(file, done) { 
document.getElementById('editor').value=file.text; 
return done(); 
}, 

IHAVEはfile.textを使用してもreadAsText()が、それらの両方は、テキスト領域にundefinedを示しています。それを行う他の簡単な方法はありますか？

この機能はdropzone.jsファイルにあります。
または、.jsファイルとJavaScript関数でfile_get_contents()のようなPHP関数を使用できるようにする方法はありますか？

Answer 1

fileパラメータはオブジェクトです - console.logを使用して、オブジェクトが返すデータを確認してください。あなたがPHPを通して、あなたのファイルをアップロードすると、テキスト領域に表示するアップロードされたファイルのURLを返すようにしたいしている場合

accept: function(file, done) { 
    console.log(file); 
    done(); 
}, 

、代わりにこれを試してください - ファイルは、オブジェクトとデータをある

init: function() { 
    this.on("success", function(file, data) { 

     // Log both the file object and server response 
     console.log(file); 
     console.log(data); 

     // Remove the file from the dropzone so it doesn't clutter the UI 
     this.removeFile(file); 
    }); 
} 

をサーバーの応答です（通常のフォームと同じように、アップロードしたファイルのURLをPHPに渡すことができます）。 PHPでタグ付けされていることに気がついたので、これが意図した目的だと思います。

acceptの使用については、http://www.dropzonejs.com/#configurationを参照してください。

編集：

テキストファイルの内容は、あなたのコードでこれを試してみてください表示するには -

var editor = document.getElementById('editor'); 

accept: function(file, done) { 

    // Get the file contents - Load result into element 
    var reader = new FileReader(); 
    reader.onload = function(e) { 
     editor.innerText = reader.result; 
    } 
    reader.readAsText(file); 

    // Return done 
    done(); 
}