gullfaxi171 / angular-azure-blob-service Goto Github PK

Hello,

Your package still has a dependency to Angular 5. Can you update to v6 please?

I want to be able to pause and resume video uploads.
Is there a way to go about it?
Thanks.

It would for testing purposes be quite handy to be able to tell the blobService that you want to use an address pointing to the local Azure Storage Emulator.

At first glance I believe it is necessary to change the generateBlobUrl() method in BlobService.ts

HI Guys,
I am not sure, this Lib is going to serve my requirement.
My requirement is simple to Upload Media File On Azure Blob

@Maritims I am facing Authentication
403 (Server failed to authenticate the request. Make sure the value of Authorization header is formed correctly including the signature.)

I just upgraded my code to Angular 5 and figured out that this is not compatible with that. Can you please upgrade the same and provide fix?

The Angular HTTP client sends Content-type: application/json, this should probably be text/xml.

https://github.com/Gullfaxi171/angular-azure-blob-service/blob/master/src/app/modules/blob/blob.service.ts#L35

The Azurite emulator complains about this with a 400 Bad Request

@Gullfaxi171 can we upload 10gb file..does it support multiple file upload with progress bar

Getting this error in response when trying to upload -

AuthenticationFailedServer failed to authenticate the request. Make sure the value of Authorization header is formed correctly including the signature.
Signature fields not well formed.

Javacript function -

function getSASUri(containerName,blobName) {

        var accountName = config.StorageAccountName;
        var accountKey = config.StorageAccountKey;
        var blobService = azure.createBlobService(accountName, accountKey);

        var startDate = new Date();
        startDate.setDate(startDate.getDate() - 5);
        var expiryDate = new Date(startDate);
        expiryDate.setDate(startDate.getDate() + 10);

        var sharedAccessPolicy = {
            AccessPolicy: {
                Permissions: 'rwdlacup',
                Start: startDate,
                Expiry: expiryDate
            }
        };

        let token = blobService.generateSharedAccessSignature(containerName, blobName, sharedAccessPolicy);
        var sasUrl = blobService.getUrl(containerName, blobName, token);

        return {
            token : token,
            sasUrl : sasUrl
        };
    };

Hi Team,
Positive flow working fine for me and whenever I am getting some error, error logging in the console. but call back not working

Hi,
I made a test:
I upload a large file with SAS setted for 1 minute, correctly after 1 minute receive the http error 403 'Server failed to authenticate the request' in the console, on PUT block action;
then this message
ERROR TypeError: "You provided 'undefined' where a stream was expected. You can provide an Observable, Promise, Array, or Iterable."

my goal is to be able to manage the 403 SAS error and cancel the upload (or take some other action) but seems like 403 error is not catch...

.....
error: err => {
console.log('my log error:', err); // does not work
this.percent = 0; // does not work
this.uploader.cancel(); // does not work
},
...
this.uploader = this.blob.upload(this.config);
...

thank you.

Please see the above image. I have uploaded blob data but it is creating an empty folder every time. It should create an image file.

How would downloading a file be done?

Is it possible to set a custom blocksize for uploading large files?

I was having issues with newest version of this repo because of the upgrade to Angular 5... Something about metadata mismatch so I ended up using an earlier version (0.6.0)

I m getting the following errors when trying to upload the file:----

Failed to load resource: the server responded with a status of 403 ()
patient:1 Failed to load https://bajajdtstrg.blob.core.windows.net/h2h/7-GENERAL%20CONSENT%20FORM%20ENGLISH.docxflKqjaPuesqnAmIH1VvDwL0Eh7FJ7l1xqSOsU9ubbrD57U0Z1cAcQf3xKk4uf91IA9pI1CrN2K6fU8shJexvSw==&comp=block&blockid=YmxvY2stMDAwMDAw: Response to preflight request doesn't pass access control check: No 'Access-Control-Allow-Origin' header is present on the requested resource. Origin 'http://192.168.10.71:4443' is therefore not allowed access. The response had HTTP status code 403.

192.168.10.71:4443 is my localip:port and i m using ng serve to host in it.
I tried to move code to the published server also but same errors.

Even if its CORS,how will be change in the backend because there seems no settings to change in the azure blob account.

@Gullfaxi171
@Maritims

I want to cancel video upload request in midway.
Tried this._blobService.upload(config).cancel().
Didn't work.