192 questions
1
vote
1
answer
124
views
Angular P-FileUpload ng-template not working
I am trying to use p-fileupload in angular for the pdf files, when I select the file, I want to put the pdf image along with the file name. For that, I created the ng-template for the file upload but ...
0
votes
0
answers
57
views
Redirecting to a new page after loading a json file does not work
I'm working on a project with Angular. I would like to let the user load a json file that was previously saved via my site. After the data has been successfully loaded, the user should then be ...
0
votes
0
answers
791
views
How to upload a file to Azure Blob storage from Angular
I am getting error attached when i try to upload a file from angular. But, the same azure storage account configuration working from asp.net but not from angular. Can you please help me on this?cors ...
0
votes
1
answer
390
views
How to bind a value from select-options to the file that will be uploaded
The UI contains the options of documents from which user will select an option. I want to bind the fileType to the image that will be uploaded through the input tag. I am getting the value of the ...
0
votes
1
answer
1k
views
How to wait for, for loop's next iteration to get the response from an API in angular?
I am learning angular.
I am calling a function in a for loop. The function is calling an API request and getting some response from server. I am uploading multiple file with some data.
While calling ...
1
vote
1
answer
836
views
angular Spring Boot File Upload Example
I want to Upload File To Spring boot backend , How should I send Formdata as requestparam in postrequest, i tried following code
angular service class code
let headers=new HttpHeaders({
...
0
votes
1
answer
767
views
Angular Ng2-file-Upload Upload.all() not uploading file to API
Am trying to Upload Files mp4 and jpg extensions, I have 2 separate Fileuploader instance, with some custom validation imposed on 2 separate FileUploader, I have a upload button, onclick of the upload ...
1
vote
0
answers
128
views
I can't get the image object angular file uploader library
I'm using https://www.npmjs.com/package/angular-file-uploader and I can't get the image object in the documentation of the library doesn't has anything about get the object of the image.
<angular-...
0
votes
1
answer
282
views
How can I get the name of the file I'm uploading
I'm using angular-file-uploader (https://www.npmjs.com/package/angular-file-uploader) to upload files and it works fine, but I can't find a way to get the filename, I want something like assign it to ...
0
votes
2
answers
3k
views
Angular 9 "Failed to execute 'readAsDataURL' on 'FileReader': parameter 1 is not of type 'Blob'. "
I have this problem when i am trying to display selected image before upload image
company.component.ts
handleFileInput(file: File){
console.log(file);
const reader = new FileReader();
...
0
votes
2
answers
4k
views
Multiple file upload in Angular appending only one file
I'm facing a problem with multiple files upload in my Angular application. Here I am trying to append the multiple files in onSelectedFileMultiple($event) but only one file is selecting and if I ...
1
vote
0
answers
1k
views
Angular 8 can't download docx file from base 64 string
I'm having problems downloading a .docx file from server. I can correctly upload and download pdf files or txt files, but not docx files.
When uploading I do this in my onNativeInputFileSelect method:
...
0
votes
1
answer
1k
views
Angular Function getting called Twice and FileReader causing Infinite Loop
I am making a simple code to accept a few values in one Form and display the list of form values on the right side. I have created Modal Class of the Form Fields and on Submit, I am sending data to ...
1
vote
1
answer
1k
views
Angular file Upload passing image as [object File]
I've created a reactive form in Angular and trying to upload image through it. It is supposed to upload the image to a specific folder and return the imageUrl in the database. But instead of getting ...
0
votes
1
answer
170
views
(angular 8) sending file data in $http Post data gives {} on rails API logs
angular 8, Rails 5.2 API
I am trying to attach an image to my Event model in edit form. I am following this tutorial
my typescript code:
const httpOptions = {
headers: new HttpHeaders({
Accept: ...
1
vote
1
answer
515
views
download excel template file to browser in angular6
i did try to download excel template file in angular6 using spring boot. in rest api file is getting download properly but when integrate rest api with angular excel file is not getting download. ...
0
votes
1
answer
113
views
how to transfer multiples files and data to API in one request with angularjs
i have a angularjs form with data (name,surname,adress...) and multiple file upload.
I use this to manage fileupload : https://github.com/nervgh/angular-file-upload
But what i want is to fill my ...
0
votes
0
answers
31
views
Sending body fields to server while using angularjs library
My backend has been modified and now requires a field to be sent along with a file. Before it was enough to just upload the file.
My frontend is using since before this angularjs library:
https://...
1
vote
0
answers
443
views
How can we upload the binary file(.bin) through angular and handle it in backend with code igniter
I'm creating an application in which the user will upload a binary file onto the server and the admin can view and verify the file. But the problem I am having is that the FileUploader class in ...
0
votes
2
answers
2k
views
How can I get the audio or video duration of selected file in angular form
In my angular form, I get my video or audio files by
(change)="fileSelected($event)
in .html form and
attachedFile = <File>event.target.files[0]
in .ts file that has name, type and size. How ...
0
votes
1
answer
7k
views
Import excel in angular 7 and save into database using node js
I have a page to uploaded excel
<div class="form-group">
<label>Select file to upload.</label>
<input type="file" class="form-control" (change)="onFileChange($event);"...
0
votes
0
answers
718
views
Angular2: Upload large file
I am using Angular2 and nodeJS (loopback) for my application. I want to upload a large file to my backend server as I have not tried much code for file uploading.
So can someone help me with some ...
0
votes
1
answer
56
views
Same file is submitting in the database with different name using Angular
I have created an API in Django for submitting documents which works fine. I want to connect it to AngularJS front end and send documents from the front end to the API, when I am trying to do so same ...
0
votes
0
answers
44
views
i want to make file upload component in angular 7,there are expree.js,http client, what would be the better way to start my research?
I am doing my research to start preparing my file upload component.I need guidance which way it would be better, Using Express.js or HTTP Client,Or are there any other ways where i can achieve file ...
0
votes
0
answers
1k
views
Is there any chance to open windows explorer by given input file path name in angular 6
Hello,
am using the angular 6 and type script
am running app from chrome
developed input type text and input type file(display:none) and upload button
My HTML
<input #inputVal type="text" (keyup....
1
vote
2
answers
2k
views
Ionic FileChooser: File Upload Name Error
I'm working on a Ionic project. And I've to upload a file from the android storage. I'm using Ionic native FileChooser Plugin. The issue is that the function is returning me the uri as :
content://...
1
vote
0
answers
115
views
How to get dynamic status of file upload in angular ui from java rest service
As part of my requirement need to show dynamic progress bar about uploaded file to user. I am using Java rest service for placing file into a separate location. Is there any way to get upload% from ...
0
votes
0
answers
126
views
Clear queue on bootstrap close on X
I use angular-file-upload for upload file on my server.
I put everything in the bootstrap modal box.
Everything working nice.
When I select a file for upload and upload them I want when I click on ...
-1
votes
2
answers
1k
views
Angular : Unable to upload file on web API using HttpPostedFileBase
I want to upload a file on form submit, but its not posting on web API.
And save file in a local physical path using Web API.
Here I am trying to send file using FormData and trying to access the ...
1
vote
0
answers
454
views
Angular : Unable to upload file using web API
I want to upload a file on form submit, but its not posting on web API.
And save file in a local physical path using Web API.
Here I am trying to send file using FormData and trying to access the ...
0
votes
0
answers
691
views
how to upload a file on form submit using web api and angular
I want to upload a file on form submit, its not posting on Web API.
I want to save file in a local physical path using Web API.
I am getting this error.
POST http://localhost:35257/api/Employee/...
0
votes
1
answer
190
views
Access fileitem from child controller on parent controller in AngularJS
I am using angular file uploader in child component and need to access the fileitem when onAfterAddingFile is fired. I have implemented binding in component. So far, I have tried this-
...
0
votes
1
answer
262
views
How can I set authorization header in Angular filemanager
I am using angular-filemanager in my project.
Is it possible to set the authorization header? I use a bearer token and the server needs the following header: "Authorization" "Bearer [token]"
I want ...
0
votes
1
answer
3k
views
Remove Content-Disposition and Content-Type from request body using angular-file-upload
I'm using https://github.com/nervgh/angular-file-upload for my file uploads.
However, I see that the upload body is like this -
------WebKitFormBoundaryXjCfky7muJb4rrZu
Content-Disposition: form-...
0
votes
0
answers
43
views
file not binding to angularjs service using FormData
I am trying to upload a file using angularjs and spring 3, I have written a service which is not binding the selected file. I don't know what mistake I have been doing, please help me to solve this ...
0
votes
0
answers
42
views
Dynamic file upload in anugularjs
In my current project I need to edit a pdf document. I have implemented editing the pdf file (using canvas, fabricjs) now the challenge is to update the pdf file on the server with the edited pdf ...
1
vote
1
answer
2k
views
Html input type file
I'm working on an application, I have to upload more than 4k files with Angular 5 and Html, I'm using input type file but after I select all files I can't see the files and if I check the event target ...
3
votes
0
answers
615
views
How to upload file in angular 4 from a component along with user detail?
I am making a solution page where the user will upload a file to the node backend server. The Solution component will pass the user detail and file, to the service where I want to post request to ...
0
votes
1
answer
650
views
How to detect file name exist on upload in Angular file manager
I'm using Angular File Manager In My current Angularjs App.
I want to show an error(like: file name exist) to user when upload a file with name exist in a directory.
$scope.uploadFiles = function () ...
0
votes
0
answers
794
views
angular 2 file upload using form data
I want to implement a file upload feature in my angular2 project. I want to restrict user to upload only files of certain type: .pdf, .doc and .docx.
The following is my code for fileChange:
...
1
vote
1
answer
4k
views
Angular-File-Upload does not work with Internet Explorer
I am using Angular File Upload library.
https://github.com/nervgh/angular-file-upload
and I have been successful in implementing,works in all browsers except Internet Explorer. I am using Internet ...
3
votes
1
answer
2k
views
How to intercept angular-file-upload module file upload requests using http interceptor
the HTTP interceptor not intercepting the file upload calls from the nervgh/angular-file-upload , how can intercept those calls.
I am adding HTTP authentication Headers to all my api calls,
But these ...
0
votes
2
answers
515
views
Angular 1.x typescript "TypeError: "Uploader" must be an instance of FileUploader"
I have been trying to use the angular-file-upload here https://github.com/nervgh/angular-file-upload with typescript, and I keep getting this error:
TypeError: "Uploader" must be an instance of ...
0
votes
1
answer
722
views
angular-file-upload async filter in angularjs
I'm using angular-file-upload to upload files, where I'm writing a filter in which I need to take headers from the csv file selected for upload & match them with headers from some API. I'm able to ...
0
votes
1
answer
537
views
Can ffprobe accept something other than a file path to retrieve video metadata?
I am trying to grab video metadata off a user's upload. I am using angular-file-upload and FileReader to upload the file. I would like to use ffprobe to grab the metadata, but it seems to only accept ...
4
votes
2
answers
8k
views
How to upload a file along with form data using http.post
I am submitting a form with fields like title and description using http.post and it works fine. I also allow user to use the camera to capture a photo and save it as a string in base64 format. I need ...
0
votes
1
answer
448
views
angular-file-upload: cannot upload file with data
ASP.NET Web Api cannot read a stream properly, error message is: "Unexpected end of MIME multipart stream. MIME multipart message is not complete."
This is my angular uploader code:
vm....
0
votes
1
answer
102
views
Angular4 File upload with fom submission.?
This is my .html file
<form [formGroup]="complexForm" (ngSubmit)="submitForm(complexForm.value)">
<div class="row">
<div class="col-md-12 col-12">
<label&...
2
votes
0
answers
215
views
AngularJS: Multiple file upload window
I need a separate upload window to show queue/progress as shown in the image below.
I am using this module to upload multiple files. Find the following image for desired output.
0
votes
1
answer
3k
views
File drag and drop functionality in Angular js/MVC not working
I am trying to implement a simple file drag and drop functionality in Angular js/MVC.
I created a directive for the drag and drop.
(function (angular, undefined) {
'use strict';
...