gullfaxi171 / angular-azure-blob-service Goto Github PK
View Code? Open in Web Editor NEWA simple module for communication with Azure Blob Storage from angular apps. Works with angular 4.3+
License: MIT License
A simple module for communication with Azure Blob Storage from angular apps. Works with angular 4.3+
License: MIT License
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
.
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 -
AuthenticationFailed
Server 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.
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.
I want to cancel video upload request in midway.
Tried this._blobService.upload(config).cancel().
Didn't work.
A declarative, efficient, and flexible JavaScript library for building user interfaces.
๐ Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
An Open Source Machine Learning Framework for Everyone
The Web framework for perfectionists with deadlines.
A PHP framework for web artisans
Bring data to life with SVG, Canvas and HTML. ๐๐๐
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
Some thing interesting about web. New door for the world.
A server is a program made to process requests and deliver data to clients.
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
Some thing interesting about visualization, use data art
Some thing interesting about game, make everyone happy.
We are working to build community through open source technology. NB: members must have two-factor auth.
Open source projects and samples from Microsoft.
Google โค๏ธ Open Source for everyone.
Alibaba Open Source for everyone
Data-Driven Documents codes.
China tencent open source team.