レール 3.2.11
大量の大きなファイルを Web サービスにアップロードする必要があります。ファイルを取得して小さなチャンクにスライスし、1 つずつアップロードしてから、サーバー上で再構築したいと考えています。
Javascript (Coffee) は進行中ですが、チャンクを送信します
class ChunkUploader
constructor: (@file) ->
console.debug('wooo')
@chunkSize = 1024 * 512
startUpload: ->
console.debug('startUpload')
this.postChunk(0)
postChunk: (index) ->
that = this
console.debug('postChunk')
offset = index * @chunkSize
blob = @file.slice(offset, offset + @chunkSize)
formData = new FormData()
formData.append('utf8','✓')
formData.append('authenticity_token', AUTH_TOKEN)
formData.append('index', index)
formData.append('offset', offset)
formData.append('chunk_size', @chunkSize)
formData.append('chunk', blob)
$.ajax
contentType: false
processData: false
cache: false
url: $('#drop_zone').attr('data-action')
type: 'POST'
data: formData
error: ->
console.debug('error')
success: ->
if blob.size < that.chunkSize
console.debug("I think we're done")
return true
else
that.postChunk(index + 1)
# and then
form = document.getElementById 'drop_zone'
form.addEventListener 'drop', (e) ->
e.stopPropagation()
e.preventDefault()
files = e.dataTransfer.files
cu = new ChunkUploader(files[0])
cu.startUpload()
return false
リクエストを受け入れるコントローラーは、これまでのところ非常に単純です。
def create
head params[:chunk].nil? ? :internal_server_error : :ok
end
私が立ち往生している部分は、うまくいくこともあれば、うまくいかないこともあります。Chrome のインスペクターはフォームが送信されたと言っていますが、Rails はフォーム データの提供を拒否しています。
ログ (ローカル dev env) は次のようになります (2 番目と 4 番目の要求でパラメーターが存在しないことに注意してください)。
17:36:53 logger.1 | Started POST "/admin/products/testproduct/downloads" for 127.0.0.1 at 2013-02-15 17:36:53 +0800
17:36:53 logger.1 | Processing by Admin::DownloadsController#create as */*
17:36:53 logger.1 | Parameters: {"utf8"=>"✓", "authenticity_token"=>"aQCyWZo3vADr5xUBNs1ECC8/bRPXtBxPCuMArXHbJVI=", "index"=>"3", "offset"=>"1572864", "chunk_size"=>"524288", "chunk"=>#<ActionDispatch::Http::UploadedFile:0x007fbedbfc2870 @original_filename="blob", @content_type="application/octet-stream", @headers="Content-Disposition: form-data; name=\"chunk\"; filename=\"blob\"\r\nContent-Type: application/octet-stream\r\n", @tempfile=#<File:/var/folders/t6/wbym5ghx3r3g3ch1wgl1fg640000gn/T/RackMultipart20130215-789-2ckjj9>>, "product_id"=>"testproduct"}
17:36:53 logger.1 | Completed 200 OK in 6ms
17:36:53 logger.1 |
17:36:53 logger.1 |
17:36:53 logger.1 | Started POST "/admin/products/testproduct/downloads" for 127.0.0.1 at 2013-02-15 17:36:53 +0800
17:36:53 logger.1 | Processing by Admin::DownloadsController#create as */*
17:36:53 logger.1 | Parameters: {"product_id"=>"testproduct"}
17:36:53 logger.1 | Completed 500 Internal Server Error in 6ms
17:37:04 logger.1 |
17:37:04 logger.1 |
17:37:04 logger.1 | Started POST "/admin/products/testproduct/downloads" for 127.0.0.1 at 2013-02-15 17:37:04 +0800
17:37:04 logger.1 | Processing by Admin::DownloadsController#create as */*
17:37:04 logger.1 | Parameters: {"utf8"=>"✓", "authenticity_token"=>"aQCyWZo3vADr5xUBNs1ECC8/bRPXtBxPCuMArXHbJVI=", "index"=>"0", "offset"=>"0", "chunk_size"=>"524288", "chunk"=>#<ActionDispatch::Http::UploadedFile:0x007fbedbfbe9a0 @original_filename="blob", @content_type="application/octet-stream", @headers="Content-Disposition: form-data; name=\"chunk\"; filename=\"blob\"\r\nContent-Type: application/octet-stream\r\n", @tempfile=#<File:/var/folders/t6/wbym5ghx3r3g3ch1wgl1fg640000gn/T/RackMultipart20130215-789-154zeln>>, "product_id"=>"testproduct"}
17:37:04 logger.1 | Completed 200 OK in 6ms
17:37:04 logger.1 |
17:37:04 logger.1 |
17:37:04 logger.1 | Started POST "/admin/products/testproduct/downloads" for 127.0.0.1 at 2013-02-15 17:37:04 +0800
17:37:04 logger.1 | Processing by Admin::DownloadsController#create as */*
17:37:04 logger.1 | Parameters: {"product_id"=>"testproduct"}
17:37:04 logger.1 | Completed 500 Internal Server Error in 6ms
ファイル全体がアップロードされることもあります。時々、最初のセグメントで詰まることがあります。途中で切れることもあります。なぜこれが起こるのか、どこで壊れるのかわかりません。Chrome がすべてのフォーム データが作成されたと主張しているにもかかわらず、フォームが空のように見えることがあるのはなぜですか?