0

アップローダーの基本的なセットアップは次のとおりです。

<script type="text/javascript">
   $(document).ready(function () {
      var uploader = new qq.FineUploader({
         element: $('#fine-uploader')[0],
         request: {
            endpoint: 'server/handleUploads'
         },
         autoUpload: true,
         multiple: false,
         text: {
            uploadButton: '<asp:Button ID="btnFineUploader" runat="server" style="margin-right:7px;width:65px;" Text="Browse" CssClass="button" />'
         },
         validation: {
            allowedExtensions: ['mp3', 'wav'],
         }
      });
   });
</script>

<div id="fine-uploader"></div>

これにより、次が生成されます。

現在の姿

少なくともアップローダのレンダリングができたので、特定の方法で外観/動作を作成することに取り組んでいます。ここに私が達成しようとしているいくつかのことがあります:

  • 「ドロップされたファイルの処理中」を表示したくない (ファイルを選択/アップロードする前であっても、常に表示されます)
  • ファイル名の右側に「RetryDeleteUpload failed」と表示させたくない
  • アップロードされたファイル名がボタンの下の黒丸として表示されるのではなく、ボタンの右側に表示されるようにしたい
  • 複数のファイルをアップロードしたくないのですが、制限サイズを 1 に設定しても目的が達成されません。最初のファイルを置き換える2 番目のファイルを選択/アップロードできるようにしたい(つまり、アップロードしない)エラーが発生した場合は、以前のアップロードを置き換えるだけです)

また、これはおそらく非常に単純ですが、ASP.NET コード ビハインドでエンドポイントを何かに接続するにはどうすればよいでしょうか。メソッド「void handleUploads()」を追加しますか?

また、uploadButton を asp:Button でラップすると、IE で破損が発生します (デフォルトの CSS スタイルを適用するためだけに行いました)。

ありがとう。うまくいけば、これをまとめてライセンスを取得し、すぐに展開できます。

編集:はい、github のドキュメントをチェックアウトしましたが、FileUploader モードの設定の多くが機能していません。

4

1 に答える 1