7

jQuery File Uploadプラグインは現在、選択したファイルを表示しません。この問題のトラブルシューティング方法を知っている人はいますか?

「カスタム」テンプレートを実装しました (以下を参照)。以前にアップロードされた素材を表示する必要がないことに注意してください。したがって、ダウンロード テンプレートはありません。

addコールバックが呼び出されていること、およびuploadTemplate関数が呼び出されて期待値を返していることを (ログを介して) 既に確認しました。何らかの理由で、これらの値がプレゼンテーション テーブルに追加されていません。

$('#fileupload').fileupload(
  acceptFileTypes: /(\.|\/)(gif)$/i
  uploadTemplateId: null
  downloadTemplateId: null
  uploadTemplate: (obj) ->
    rows = $()
    $.each(obj.files, (idx, file) ->
      temp = "<tr class='template-upload fade'><td class='preview'><span class='fade'></span></td><td class='name'></td>'<td class='size'></td>"
      if (file.error)
        temp += "<td class='error' colspan='2'></td>"
      else
        temp += "<td><div class='progress'><div class='bar' style='width:0%;'></div></div></td><td class='start'><button>Start</button></td>"
      temp += "<td class='cancel'><button>Cancel</button></td></tr>"
      row = $(temp)
      row.find('.name').text(file.name)
      row.find('.size').text(obj.formatFileSize(file.size))
      rows = rows.add(row)
      )
    return rows
  downloadTemplate: ->
    return $()
)

UPDATE 10/16/2012 fileupload の初期化に以下を追加しました。

  process: [{action: 'load', fileTypes: /^image\/(gif|jpeg|png)$/, maxFileSize: 2000000}, {action: 'resize', maxWidth: 1920, maxHeight: 1200, minWidth: 800, minHeight: 600}, {action: 'save'}]

これにより、画像の読み込みが開始されますが、残念ながら、この試行により次のエラーが発生します。原因および/または解決方法を知っている人はいますか?

Uncaught TypeError: undefined (loadImage) is not a function jquery.fileupload-fp.js:87

4

4 に答える 4

8

問題は、依存関係がロードされる順序でした。Load Imageは、他のコア依存関係の前にロードする必要があります。

于 2012-10-26T16:10:40.960 に答える
6

依存関係を正しい順序でロードすると、問題が解決しました

  • ロードイメージ/ロードイメージ.js
  • ロードイメージ/ロードイメージ-ios.js
  • load-image/load-image-orientation.js
  • ロードイメージ/ロードイメージ-meta.js
  • ロードイメージ/ロードイメージ-exif.js
  • load-image/load-image-exif-map.js

    (または縮小版を使用)

  • jquery.iframe-transport.js

  • jquery.fileupload.js
  • jquery.fileupload-process.js
  • jquery.fileupload-image.js
  • jquery.fileupload-audio.js
  • jquery.fileupload-video.js
  • jquery.fileupload-validate.js
  • jquery.fileupload-ui.js tmpl.js
  • canvas-to-blob.js
于 2014-02-18T02:10:03.777 に答える
0

JQueryファイルのアップロードにリストされているすべての要件をインストールしましたか?

READMEによると、オプションの要件の1つは次のとおりです。

JavaScriptの画像読み込み機能

于 2012-10-16T16:44:23.207 に答える
-1

私の問題

Mac では問題なく動作していましたが、Windows の FireFox と IE では動作しませんでした。

一部修正

bootstrap.js私の場合、ヘッダー ファイルに 1 つ、jquery ファイル アップロード プラグインによって 2 回含まれていることがわかりました。ヘッダー ファイル内のものを削除すると、プレビューがページの更新時に表示される程度に修正されましたが、まだ表示されていませんでした ( bootstrap.jsjquery プラグインから削除しても問題は修正されませんでした)。

完全固定

さらに掘り下げて、問題(競合)を引き起こしている可能性のある.jsファイルをコメントアウトしようとしました。typeahead.bundle.min.jsヘッダーファイルから削除することで、問題が完全に修正されました。ページの更新を必要とせずに画像を追加すると、IE と Firefox の両方でプレビューが表示されました。

jquery-ui.jsとにかく、ページで必要のないbtwもコメントアウトし、もう1つの重複したjsファイルとクリーンアッププロセスの一部を見つけました.

間違ったパスワード

アップロードしたファイルをデータベースに保存している場合、データベースの資格情報が間違っていると、アップロード プロセスは表示されますが、プレビューは表示されません。データベース資格情報を修正すると、プレビューの問題が修正されます。

于 2016-04-08T16:46:20.700 に答える