1

私が持っているフォームに SWFUpload を実装しようとしています。ただし、プレースホルダーを識別していません。私のコードは以下のとおりです。誰か助けてもらえますか? それが役立つ場合、私はjQueryを使用しています。

ヘッダ：

<script type="text/javascript" src="{{ MEDIA_URL }}/js/SWFUpload-2.5.0/swfupload/swfupload.js"></script>
<script type="text/javascript" src="{{ MEDIA_URL }}/js/SWFUpload-2.5.0/swfupload/swfupload.cookies.js"></script>
<script type="text/javascript" src="{{ MEDIA_URL }}/js/foo.js"></script>
<script type="text/javascript">
    $(swfupload("{% url swfupload %}","{{ MEDIA_URL }}/js/SWFUpload-2.5.0/swfupload/swfupload.swf"));       
</script>

体：

<div id="upload_btn"></div>

Javascript (foo.js):

swfupload = function(upload_url, flash_url) {
    var swfupload_real = new SWFUpload({
        debug: false,
        upload_url: upload_url,
        flash_url: flash_url,
        button_placeholder_id: "upload_btn",
        button_width: "40",
        button_height: "16",
        button_cursor: SWFUpload.CURSOR.HAND,
        button_text: "Click",
        file_size_limit: "20 MB",
        file_dialog_complete_handler: function() { this.startUpload(); },
        upload_complete_handler: function() { this.startUpload(); },
    });
};

編集: SWFUpload.js のソース コードを調べてみたところ、要素を見つけようとしていた時点で、次のようになっていることがわかりました。

targetElement = document.getElementById(this.settings.button_placeholder_id) || this.settings.button_placeholder;

何が起こっているのか見てみましたが、信じられないことに、オブジェクトを返しdocument.GetElementByIDながら null を$('#'+this.settings.button_placeholder_id)返します! 別の依存関係を使用するようにライブラリを変更したくありません。これがなぜなのか誰か知っていますか？

4

1 に答える 1

0

私のJavaScriptはfubaredでした。それは次のように解決されました：

<script type="text/javascript">
    upload_url = "{% url edit-story-swfupload %}";
    flash_url = "{{ MEDIA_URL }}/js/SWFUpload-2.5.0/swfupload/swfupload.swf";
    window.onload = swfupload_init;
</script>


swfupload_init = function() {
    var swfupload = new SWFUpload({
            debug: false,
            upload_url: upload_url,
            flash_url: flash_url,
            button_placeholder_id: "upload_btn",
            button_width: "40",
            button_height: "16",
            button_cursor: SWFUpload.CURSOR.HAND,
            button_text: "Click",
            file_size_limit: "20 MB",
            file_dialog_complete_handler: function() { this.startUpload(); },
            upload_complete_handler: function() { this.startUpload(); },
    });
}
于 2009-12-26T04:21:50.633 に答える