43

サイトに Dropzone を実装しようとしています。「成功」イベントをリッスンしてから、サーバーの応答を取得し、そこからの情報を、アップロードが完了した後に DropZone と同じページのフォームに追加したいと考えています。

サーバーの応答で取得したい情報は、ファイルへの直接リンクです。

dropzone の Web サイト: http://www.dropzonejs.com/

私のプロジェクトのウェブサイト:

http://37.34.62.131/test/

だから私は私のプロジェクトの古いバージョンでこれを完了しましたが、dropzone.jsでそれを行う方法を理解できません

作業例:

http://37.34.62.131/test/uploader%201.0/

私がやろうとしているのは、ファイルがアップロードされたときに、以下に示すように、ダウンロード リンクを使用して同じページに php 応答を返したいということです。

また、自分で探すことができるように、ソース コードを送信することもできます。

応答で見たい私のphpコード：

        print '<h2>Picture Uploaded Successfuly!!!!</h2> <p id="codes">

      <img src="'.$imgurl.'" height="300" alt="Uploaded Picture" >
        <label for="codebb">BBCode:</label>
        <input type="text" id="codebb" value="[URL='.$siteurl.'][IMG]'.$dlurl.'[/IMG][/URL]" onclick="javascript:this.focus();this.select();" readonly="true" /><br />
        <label for="codehtml">HTML Code: </label>
        <input type="text" id="codehtml" value=\'&lt;a href="'.$siteurl.'"&gt;&lt;img src="'.$dlurl.'" alt="'.$alt.'" /&gt;&lt/a&gt;\' onclick="javascript:this.focus();this.select();" readonly="true" /><br />
        <label for="codedirect">Direct Link:</label>
        <input type="text" id="codedirect" value="'.$dlurl.'" onclick="javascript:this.focus();this.select();" readonly="true" /></p>';
        echo ".$newname";

私が欠けているものを理解するのを手伝ってくれる人はいますか?

4

6 に答える 6

30

dropzone にはいくつか問題がありましたが、この解決策を見つけました。

new Dropzone("#myDropzone", { 
    maxFilesize: 2, // MB
    init: function() {
        this.on("success", function(file, responseText) {
            console.log(responseText);
        });
    }
});
于 2014-09-17T03:31:43.653 に答える
1

しかし、このコードを使用している場合は、ドロップゾーン クラスをフォームから削除する必要があります。そうしないと、このエラーがスローされます。

throw new Error("Dropzone already attached.");
---------------------------------------------
new Dropzone("#myDropzone", { 
    maxFilesize: 2, // MB
    init: function() {
        this.on("success", function(file, responseText) {
            console.log(responseText);
        });
    }
});
于 2015-03-17T11:15:09.147 に答える