Upload to Azure

Question

I had a problem trying to directly upload a file to the azure blob repository. I use ajax calls to send mail requests to the ashx handler to load the blob into pieces. The problem I am facing is that the handler does not receive the file that is being sent from the ajax message.

I see that the page correctly receives the message while looking at the request in firebug

----------------------------- 265001916915724 Content-Disposition: form-data; > name = "Slice"; filename = "blob" Content-Type: application / octet-stream

I noticed that the input stream on the handler has a filechunk, including extra bytes from the request. I tried to read only the filechunk size from the input stream, however this led to a damaged file.

I got inspiration from http://code.msdn.microsoft.com/windowsazure/Silverlight-Azure-Blob-3b773e26 , I just converted it from MVC3 to standard aspx.

Here is a call using ajax to send a file fragment to an aspx page,

var sendFile = function (blockLength) {
var start = 0,
    end = Math.min(blockLength, uploader.file.size),
    incrimentalIdentifier = 1,
    retryCount = 0,
    sendNextChunk, fileChunk;
uploader.displayStatusMessage();
sendNextChunk = function () {
    fileChunk = new FormData();
    uploader.renderProgress(incrimentalIdentifier);
    if (uploader.file.slice) {
        fileChunk.append('Slice', uploader.file.slice(start, end));
    }
    else if (uploader.file.webkitSlice) {
        fileChunk.append('Slice', uploader.file.webkitSlice(start, end));
    }
    else if (uploader.file.mozSlice) {
        fileChunk.append('Slice', uploader.file.mozSlice(start, end));
    }
    else {
        uploader.displayLabel(operationType.UNSUPPORTED_BROWSER);
        return;
    }
    var testcode = 'http://localhost:56307/handler1.ashx?create=0&blockid=' + incrimentalIdentifier + '&filename=' + uploader.file.name + '&totalBlocks=' + uploader.totalBlocks;
    jqxhr = $.ajax({
        async: true,         
        url: testcode,
        data: fileChunk,
        contentType: false,
        processData:false,
        dataType: 'text json',          
        type: 'POST',
        error: function (request, error) {
            if (error !== 'abort' && retryCount < maxRetries) {
                ++retryCount;
                setTimeout(sendNextChunk, retryAfterSeconds * 1000);
            }

            if (error === 'abort') {
                uploader.displayLabel(operationType.CANCELLED);
                uploader.resetControls();
                uploader = null;
            }
            else {
                if (retryCount === maxRetries) {
                    uploader.uploadError(request.responseText);
                    uploader.resetControls();
                    uploader = null;
                }
                else {
                    uploader.displayLabel(operationType.RESUME_UPLOAD);
                }
            }

            return;
        },
        success: function (notice) {
            if (notice.error || notice.isLastBlock) {
                uploader.renderProgress(uploader.totalBlocks + 1);
                uploader.displayStatusMessage(notice.message);
                uploader.resetControls();
                uploader = null;
                return;
            }

            ++incrimentalIdentifier;
            start = (incrimentalIdentifier - 1) * blockLength;
            end = Math.min(incrimentalIdentifier * blockLength, uploader.file.size);
            retryCount = 0;
            sendNextChunk();
        }
    });
};

Thanks so much for all that can help me.

Answer 1

It appears on my web form that the enctype = "multipart / form-data" attribute is missing in the input file tag.

Answer 2

is it aspx at http: // localhost: 56307 / handler1 . ashx ? create = 0 & blockid?