0

vb.net で blueimp ファイルのアップロードを使用すると問題が発生します。私はそれをそのように実装しました：

sb.Append("<div id='fileupload'>" & _
                    "<form method='POST' enctype='multipart/form-data'>" & _
                        "<div class='fileupload-buttonbar'>" & _
                            "<label class='fileinput-button'>" & _
                                "<span>Add files...</span>" & _
                                "<input id='file' type='file' name='files[]' multiple>" & _
                            "</label>" & _
                            "<button type='submit' class='start'>Start upload</button>" & _
                            "<button type='reset' class='cancel'>Cancel upload</button>" & _
                            "<button type='button' class='delete'>Delete files</button>" & _
                        "</div>" & _
                    "</form>" & _
                    "<div class='fileupload-content'>" & _
                        "<table class='files'></table>" & _
                        "<div class='fileupload-progressbar'></div>" & _
                    "</div>" & _
                "</div>")

すべての fileupload.js は適切にリンクされています。しかし、ファイルを選択した後、サムネイルは表示されません。hereのasp.netの例を使用してみました。

index.html を呼び出すと、すべてうまくいきます。vb.net プロジェクト内で使用しようとすると、サムネイルが表示されません。

どんなアイデアでも大歓迎です。

編集:私のソースは次のようになります:

    <div id="fileupload">
        <form method="POST" enctype="multipart/form-data">
        <div class="fileupload-buttonbar">
        <label class="fileinput-button"><span>Add files...</span>
        <input id="file" type="file" name="files[]" multiple=""></label>
        <button type="submit" class="start">Start upload</button>
        <button type="reset" class="cancel">Cancel upload</button>
        <button type="button" class="delete">Delete files</button>
        </div>
        </form>
        <div class="fileupload-content">
        <table class="files"></table><div class="fileupload-progressbar">
        </div>
        </div>
  </div>

編集 2:何かが「追加」機能をオーバーライドしているようです。ダウンロードした .zip の例の index.html を使用すると、追加を console.log にできます。私のvb.netプロジェクトではできません... 誰かがそのファイルを上書きしているファイルを見つける方法を知っていますか?

4

1 に答える 1

0

私は今それを動かしました！

問題は、この参照が機能していなかったことです。

<script type="text/javascript" src="http://blueimp.github.com/JavaScript-Templates/tmpl.min.js"></script>

これでそれは魅力のように機能します：

downloadTemplate: function (o) {
            var rows = $();
            $.each(o.files, function (index, file) {
                var row = $('<tr class="template-download fade">' +
                (file.error ? '<td></td><td class="name"></td>' +
                    '<td class="size"></td><td class="error" colspan="2"></td>' :
                        '<td class="preview"></td>' +
                            '<td class="name"><a></a></td>' +
                            '<td class="size"></td><td colspan="2"></td>'
                ) + '<td class="delete"><button>Delete</button> ' +
                    '<input type="checkbox" name="delete" value="1"></td></tr>');
                row.find('.size').text(o.formatFileSize(file.size));
                if (file.error) {
                    row.find('.name').text(file.name);
                    row.find('.error').text(
                    locale.fileupload.errors[file.error] || file.error
                );
                } else {
                    row.find('.name a').text(file.name);
                    if (file.thumbnail_url) {
                        row.find('.preview').append('<a><img></a>')
                        .find('img').prop('src', file.thumbnail_url);
                        row.find('a').prop('rel', 'gallery');
                    }
                    row.find('a').prop('href', file.url);
                    row.find('.delete button')
                    .attr('data-type', file.delete_type)
                    .attr('data-url', file.delete_url);
                }
                rows = rows.add(row);
            });
            return rows;
        }
于 2013-03-18T16:52:32.357 に答える