Downloading files in AngularJS can sometimes be problematic when the file name contains spaces

I am currently using AngularJS to download files by sending GET requests. The file I am trying to download is named flower-red.jpg. Here is an example of my request:

GET http://localhost:8080/aml/downloadDoc/852410507V/flower-red.jpg

The download is successful when there are no spaces in the file name. However, when the file name includes spaces, such as flower - red.jpg, the download does not work. The request appears like this:

GET http://localhost:8080/aml/downloadDoc/852410507V/flower%20-%20red.jpg

Due to the spaces in the file name, the request is not processed correctly. How can I resolve this issue?

javascriptangularjs

Answer №1

// Here is some JavaScript code
const originalUrl = "http://localhost:8080/aml/downloadDoc/852410507V/flower - red.jpg";
const urlWithoutSpace = originalUrl.split(" ").join("");

// You can now make a GET request to download using the variable urlWithoutSpace

Similar questions

If you have not found the answer to your question or you are interested in this topic, then look at other similar questions below or use the search

Incorporate an object property value into an established Angular/Node app by using the syntax " :12 " instead of just " 12 "

My current project is an Angular/Node MEAN stack application, but my primary concern revolves around JavaScript. When I receive a response object, it includes an SQL identity id console.log(response.recordset[0]); The output is "":12 I want to assign t ...

javascriptangularjsnode.jsajaxjavascript-objects

Can pagination numbers in Jquery DataTable be configured based on the total records returned by the server and the number of records chosen by the user?

I am currently diving into the world of DataTable.js, a jQuery plugin, and working hard to articulate my questions effectively. For my specific needs, I need to retrieve only 10 records initially whenever an AJAX request is made, even if there are 100 rec ...

javascriptjqueryhtmlajaxdatatables

What is the method to make a file download using JavaScript?

In my jQuery ajax form, a user inputs their email and upon submission, they should receive an automatic download of a file. Here is the structure of the form: $(".email-form").submit(function(event) { event.preventDefault(); var $form = $(this), ...

javascriptjqueryajaxdownload

Getting the most out of option select in AngularJS by utilizing ng-options

I'm currently working with AngularJS and I am interested in utilizing ng-options for a select tag to showcase options organized under optgroups. Here is the array that I intend to use in my select option: $scope.myList = [ { "codeGroupComp ...

javascripthtmlangularjs

Is there a way to use JavaScript or jQuery to identify if Firefox is blocking mixed content

Is there a way to detect when Firefox (or any browser) is blocking mixed content using JavaScript or jQuery? To learn more about Firefox's mixed content blocking feature, visit: The backstory: My company has an external vendor that handles the onli ...

javascriptjqueryhtmlfirefoxbrowser

Tips for selecting the appropriate cssSelector value within the Chrome browser using the Developer Tools (F12) feature

What is the process for selecting a cssSelector() in Chrome Browser using Chrome Developer Tools? Could you provide an example for the given code snippet below? WebElement searchBox = driver.findElement(By.cssSelector("selector")); searchBox.click(); ...

javajavascriptselenium-webdrivercss-selectorsselenium-chromedriver

Removing elements from an array within a function

Within my class, I defined an array: myUsers = new Array(); I am looking to add usernames to this array in a unique manner. My approach involves checking if the array length is 0 and if so, adding a user. This method works well for adding the first user ...

javascriptarrays

Issue with AngularJS Material Design causing sidenav display errors

Here is the code snippet I have been working on: <body> <div ng-controller="MainCtrl as mc"> <md-content> <md-toolbar md-scroll-shrink> <div class="md-toolbar-tools"> ...

angularjsmaterial-designangular-material

Tips for using jQuery to verify the most recent entry in a form

Struggling with this issue - I can't seem to get jquery to function the way I need it to: Essentially, when a user exits a text field, jquery is supposed to capture the input value and respond accordingly: for example, if the user types 'value& ...

javascriptjqueryforms

How can we ensure that multiple forms are validated when submitting one form in AngularJS?

Is there a way to validate two forms on the same page (address1 and address2) using AngularJS when the button on one of the forms is clicked? ` ...

javascripthtmlangularjsforms

Create a variable and set it equal to the value of a form

I'm having trouble setting a value to a hidden form field that needs to come from a query string parameter. The function that extracts the query string parameter is working properly, but the function that assigns this variable to the hidden form field ...

javascripthtmlforms

A step-by-step guide on initializing and setting a cookie value with expiration

Below is the code I have added. Can someone please help me locate the bug? Here is the code snippet: $_SESSION['browser'] = session_id(); setcookie($expire, $_SESSION['browser'], time() + (60 * 1000), "/"); echo "Value is: " . $_COO ...

javascriptphpjqueryhtmlcss

Steps to retrieve the latest value of a specific cell within the Material UI Data Grid

After updating the cell within the data grid, I encountered an issue where I could retrieve the ID and field using the prop selectedCellParams, but retrieving the modified value was proving to be challenging. In order to successfully execute the PUT reque ...

javascriptreactjsmaterial-uidatagrid

Incorporate axios within getStaticProps while utilizing Next.js

I am working on a new project where I am utilizing axios to handle request data. However, I am facing an issue when using axios in the getStaticProps function which results in an error on my index.js page. Here is a snippet of my index.js code: import ...

javascriptreactjstypescriptaxiosnext.js

Is there a way to apply an event function after adding elements through append?

When I click the button, a div is appended inside the body. However, I am trying to make it so that when I click on this newly appended div, an alert message pops up. I have tried implementing this with a highlighted area, but have been unsuccessful. How c ...

javascriptjqueryhtml

The code provided creates a web form using HTML and ExpressJS to store submitted information into a MongoDB database. However, there seems to be an issue with the 'post' method, while the 'get' method functions correctly

When I try to submit entries (name, email, address) on localhost:3000 in the browser, the 'post' function is not creating an object in the mongo database even though it works from the postman. The browser displays an error message saying "unable ...

javascripthtmlnode.jsmongoose

What is the best way to ensure NPM package manager points to my custom version of a library?

Looking to address a bug in an NPM library. Seeking guidance on configuring my software to point to my customized version of the library using package.json instead of the generic version from npmjs.org. This way, I can effectively debug my own iteration o ...

javascriptnpmpackage.jsonpackage-managers

Navigate to a fresh HTML page upon form submission

I'm completely new to the world of web apps and JavaScript, and I'm facing an issue where my form submission doesn't redirect me to a thank you page. Instead, it just leads to a blank page every time. I've tried researching solutions on ...

javascripthtmlnode.jsexpress

Transform the object into an array of JSON with specified keys

Here is a sample object: { labels: ["city A", "city B"], data: ["Abc", "Bcd"] }; I am looking to transform the above object into an array of JSON like this: [ { labels: "city A", data: "Abc" }, { labels: "city B", data: "Bcd" }, ]; ...

javascriptarraysjsontypescript

Determine the width of two inline input fields

Showing two inputs side by side: +------------+ +--------------------------+ | ID='inputA'| | ID='inputB' | +------------+ +--------------------------+ +------------------------------------------+ A ...

javascripthtml