Custom name for BLOB URL

by

Short answer, You can’t.

This is an address that points to the browser’s memory, where it has stored your blob, or a pointer to the original file in case of user uploaded file through the input type=file.

This is somehow by design. You can create multiple of these blobURLs from the same Blob. If they were to use a filename as URI, you couldn’t.

Theoretically, it should be possible for you to dynamically create a page that would redirect to the BlobURI, and you could name this redirection page as you which. But this is just theory, I never tried to do it myself.

A rough proof of concept can be seen in this plunker, obviously, you’ll need to generate blobRename.html dynamically, and change its name to the one you want, and also force it’s content-header so that the browser thinks it’s an html page if you want to get rid of the .html.
Also note that it doesn’t seem to work with pdf files, which need browser plugins to trigger in, but with some more work, it may be possible to hack something around.

But anyway, I would just let the random url, your users will get more and more used to it as more and more web apps do use this great API.

More Related Contents:

  1. How do I share $scope data between states in angularjs ui-router?
  2. How to get evaluated attributes inside a custom directive
  3. How to pass an object into a state using UI-router?
  4. How to detect browser back button click event using angular?
  5. AngularJS browser autofill workaround by using a directive
  6. Initializing select with AngularJS and ng-repeat
  7. Watch multiple $scope attributes
  8. How can I make an AngularJS directive to stopPropagation?
  9. How to use jQuery in AngularJS
  10. Print Html template in Angular 2 (ng-print in Angular 2)
  11. How to set expiration date for cookie in AngularJS
  12. Adding a custom header to HTTP request using angular.js
  13. Angular.module minification bug
  14. Angular ui-router – how to access parameters in nested, named view, passed from the parent template?
  15. Angular.JS: views sharing same controller, model data resets when changing view
  16. How to pass parameters to a modal?
  17. Angular 1.6.0: “Possibly unhandled rejection” error [duplicate]
  18. key-value pairs in ng-options
  19. deep merge objects with AngularJS
  20. Angular UI Router: decide child state template on the basis of parent resolved object
  21. AngularJS : Asynchronously initialize filter
  22. VueJs templating. How to load external templates
  23. Format Date time in AngularJS
  24. How to create a custom input type?
  25. Using page’s angular JS in chrome extension
  26. AngularJS ng-include inside of Google Maps InfoWindow?
  27. Tell screen reader that page has changed in Backbone/Angular single-page app
  28. how to fix 404 warnings for images during karma unit testing
  29. How do I pass multiple attributes into an Angular.js attribute directive?
  30. Globally defined AngularJS controllers and encapsulation

Leave a Comment