Hi again. I have a suggestion, maybe you could add the CORS on the module itself since the request is done inside the module it will be confusing where to manage the CORS on browser side thank you. :)

Thanks for your hard work creating this module. Would it be possible to create a working example for us newbies?

Hi,

Can a facility added to successfully cancel an ongoing upload?

Hello, I realized this angular module is very useful and I'm using it thankfully.

However, there seems to be having an issue while uploading file to blob storage.

I'm not sure whether you intended or not, but anyway the upload method does not work util I add "?" in the back of baseUrl property.

azureBlob.upload({
    baseUrl: "http://myaccount.blob.core.windows.net/mycontainer/myitem?",
    sasToken: sasQueryString,
    file: myfile,
    .......
});

I hope this would help your angular module.

Thanks.

Thanks for putting this together. Can you post an example of how to upload? I see the config, but don't see how to actually get the upload working.
K.

In newer versions of angular, the success and error functions, which were the legacy functions used by promises, are deprecated. As a result, these functions are not defined, and your code gives errors on lines 43, 53, 153, and 158.

There is already a pull request for the code change.

#14

Please review that request and make the change.

Thank you

I am using the following to attempt to upload to Azure Blob storage along with the Angular Azure Blob Upload script, but am receiving a 405 (The resource doesn't support specified Http Verb.). If I change it to a PUT method, it gives me a Cross Origin error even though CORS is enabled and I am using a public container for testing purposes. Any clues? Is SAS required for upload, and if so, can you show an example of a config per your directive?

$scope.reRender = function () {
    var canvasImage = document.getElementById("c");
    var img = canvasImage.toDataURL("image/png");
    var filename = 'Test';

    var formdata = new FormData();
    formdata.append(filename, img);

    var send = function (blob) {
        var filename = 'Test.png';
        var formdata = new FormData();
        formdata.append('File1', blob, filename);

        $.ajax({
            url: 'http://myblob.blob.core.windows.net/blob1',
            type: "POST",
            data: formdata,
            mimeType: "multipart/form-data",
            processData: false,
            contentType: false,
            crossDomain: true,
            success: function (result) {
                console.log("Upload to Azure complete!");
            },
            error: function (error) {
                console.log("Something went wrong!");
            }
        })
    }

    var canvasImage = document.getElementById("c");
    if (!canvasImage.toBlob) {
        var dataURL = canvasImage.toDataURL();
        var bytes = atob(dataURL.split(',')[1])
        var arr = new Uint8Array(bytes.length);
        for (var i = 0; i < bytes.length; i++) {
            arr[i] = bytes.charCodeAt(i);
        }
        send(new Blob([arr], { type: 'image/png' }));
    }
    else
        canvasImage.toBlob(send);
}

Create an example dude else whats the point of sharing?

Dear Sir,

I started using angular-azure-blob-upload and to speed up the uploading speed i have configured the maximum blockSize of 4194304. Still it takes 2 minutes to upload 236 MB file size. So I'm are looking for an option to multithreaded upload. How to achive it using this component. Please Guide.

Thanks,
Viji

Hey Stephen,

Could you register this with bower? Would be pretty cool to include this in webapp projects without downloading the file manually.

Andrew

This is a great project! It would be great if it was on bower!

I'm finding that the blobs once uploaded don't have their properties set, specifically length. Am I doing something wrong or is it missing a finalization step?

Hi I really like how the way you wrote the code for this, but I think you should add a working example for this? At least add some real-fake values to the config some users might now understand what they should put on the for example blockSize.

Hello,
I have a problem when I am trying to upload a file in Safari and IOS. It gives me the following issue: FileConstructor is not a constructor (evaluating 'new File([blob], "png", {type: "image/png"})');
It seems like File is not supported by them. Do you think anybody can help me with that or have an alternative solution?
Just for reference, this is my code:
var blob = b64toBlob($scope.questionImgSrcCrop.split(",")[1], "image/png"); var file = new File([blob], "png", {type: "image/png"});

@kinstephen