問題タブ [fileapi]

この例に従って、画像をアップロードするためのファイルAPIを実装しようとしています

http://robertnyman.com/html5/fileapi-upload/fileapi-upload.html

サーバー側では、IIS7でASP.NET MVC 3を使用しています（統合、32ビットのみ）

DevelopmentServerとIIS7.5ではすべてがローカルで正常に機能します。サーバー上でも機能しますが、ファイルが特定のサイズの場合（2.2MBの画像ファイルで機能する場合）、アップロードは機能しているように見えますが、応答は404ページです。maxRequestLengthを10MBに構成しましたが、デフォルトの4MBでも機能するはずです。

返される404ページはデフォルトでIIS7であり、アプリケーションの404ページではありません（FiddlerまたはFirebugで結果を確認します）。すべてのランダムなURLをキャッチし、カスタム404ページを表示していますが、この場合、要求はASP.NETパイプラインに送信されていないようです（アプリケーションプールは統合に設定されています）。

発生する可能性のある例外（404を含む）もログに記録しています。この問題に関する限り、ログは明確です。サーバーのイベントログにも何もありません。

何か案は？

ありがとう！

私はmozillaFileAPIファイルが次のように読み取られるのを見ました

などと私はIEのためにそのようなものはありますか？

チュートリアルに従ってhtml5のFileAPIについて学びました
が、これらのコードに出会ったときに

私はいつも「エラー」に遭遇しました、そして私alert(e.toString())がエラーイベントに設定している間、それはそうであるように見えます[object ProgressEvent]、
私のブラウザはクロム13です、
誰かがいくつかのアイデアを持っていますか？どうもありがとう

控えめなJavaScriptでHTML5ファイルAPIを使用したいと思います。しかし、HTMLからJavaScript関数を呼び出すことによってのみ機能させることができます。控えめなJavaScriptでFileAPIを使用する方法はありますか？

File APIはすべてのブラウザでサポートされているわけではありませんが、GoogleChromeとFirefoxでこれを試しました。

ドキュメントから、これは機能します：

そして、私は機能しないこの控えめなJavaScriptを試してみました：

完全な例を以下に示します。これはjsFiddleでテストできます。

HTML5 File API で開いた画像をキャンバスに描画したいと考えています。

handleFiles(e)メソッドでは、 File にアクセスできますが、をe.target.files[0]使用してその画像を直接描画することはできませんdrawImage。HTML5 キャンバスでファイル API から画像を描画するにはどうすればよいですか?

これが私が使用したコードです：

Html5 で再開可能なアップロードを実装したいのですが、アップロードするファイルが既に部分的にアップロードされたものと同じであることを識別することを除いて、すべてが機能しているようです。理想的には、一意の ID を生成するファイルのクライアント側のハッシュが必要ですが、それの機能する実装が見つからず、大きなファイルには遅すぎるようです (私が扱っているように)。

次に、ファイルへのパスを一意の識別子として使用することを考えましたが、API から取得する方法が見つかりませんでした。ユーザーはファイルに共通の名前を付ける傾向があるため、ユーザーごとのファイル名を一意にすることはできません。誰でもこれに対する解決策を考えることができますか?

AJAX を使用して送信するには、dataURL を Javascript の File オブジェクトに変換する必要があります。出来ますか？はいの場合、方法を教えてください。

サーバー側のプロセスを使用せずに、写真を整理する Facebook アプリケーションを作成しようとしています。

FileReader オブジェクトの readAsDataURL メソッドを使用して写真をプレビューできるようになりました。

問題は、画像データを Facebook に投稿する方法です。私は次のようなことをしようとしています

この場合、enctype="multipart/form-data" を設定できず、400 Bad Request が発生します。

誰でも私を助けることができますか？

createObjectURLローカル画像ファイルへの参照URLを取得するために使用しています。ファイル/イメージが完成したら、revokeObjectURLそのメモリを解放するために呼び出します。すべてがうまく機能しますが、できる限りすべてのメモリを解放していることを確認したいだけです。

chrome://blob-internalsページを調べた後、私の懸念が生じました。画像を呼び出しcreateObjectURLて使用すると、2つのエントリが作成されていることに気付きました。URL付きのもの blob:blobinternal:///d17c4eef-28e7-42bd-bafa-78d5cb86e761

と他の

blob:http://localhost/dbfe7b09-81b1-48a4-87cd-d579b96adaf8

ただし、どちらも同じローカルファイルパスを参照していました。呼び出すとrevokeObjectURL、2番目のエントリのみがから削除されましたchrome://blob-internals。なぜこれが発生するのですか、他のエントリを削除するにはどうすればよいですか、2つのタイプの違いは何ですか？

また、画像を使用する前にURLを取り消す人の例も見ました。これにはどのような効果がありますか？

トピックへの洞察をいただければ幸いです。:)

編集：私はjsfiddleで例を作成しました。したがって、最初にblobinternalsを開き、既存のblobをすべて削除します。次に、jsfiddleの例を実行し、マシン上のイメージファイルを選択します。次に、blobinternalsを更新して、何が追加されたかを確認します。次に、私の例では「URLを取り消す」をクリックします。最後に、blobinternalsを更新して、残っているblobを確認します。