Newest 'ng-file-upload' Questions (original) (raw)

-1 votes

0 answers

41 views

Handling excel file with FormData in Angular and org.glassfish.jersey.media.multipart.FormDataParam not working

Angular: Uploading an excel file from Angular with FormData: //On upload event, defining formData: public onUpload(event: any): void { this.uploading = true; const selectedFile = event.files[0]...

asked Apr 15 at 8:43

How to create multiple file upload button with add and remove button in angular?

My question is how to create a new file upload button/input with add and remove button in Angular 12. we should be able to add as many upload button/input we want.

asked Jan 18, 2022 at 4:46

0 votes

1 answer

44 views

Multiple instances - NG file upload Danial Farid ver 10

I've looked at questions posted under this first tag but I could not find anything that matches what I am trying to do. Is there a way to create multiple instances of the uploader in the same page? I ...

2,264

asked Sep 27, 2021 at 18:26

0 votes

2 answers

79 views

Protractor file upload with Saucelabs (Chrome 90) redirected to "data:text/html," after upload, works locally but not on Saucelabs

I am using protractor for a Node.js application with Chrome, in one test case I have to upload image and then click add/update button. The test case is working perfectly on my machine, but on ...

asked Aug 6, 2021 at 5:05

0 votes

2 answers

864 views

Image not showing in angular

When I'm testing my API from postman I can view my images but from my angular application, I cannot able to view images. There is no error in the console. below is my code which I tried. Asp.net web ...

asked Jul 22, 2021 at 14:13

0 votes

1 answer

3k views

ngx-file-drop - `openFileSelector()` does not seem to produce a usable File object

I'm trying to get file uploads to work using the ngx-file-drop module. This is what I have so far: <ngx-file-drop (onFileDrop)="dropped($event)" [showBrowseBtn]="true"> &...

21.9k

asked Apr 22, 2021 at 20:33

1 vote

0 answers

27 views

ng-model don't update on video selecting

i have to update an application built on AngularJS (v1.5.9) One function is to let the possibilities to Update Video (it's actually working with picture) Everything is Ok With Picture like that : <...

asked Feb 8, 2021 at 19:45

1 vote

0 answers

757 views

C# .NET Core 5 ApiController Action for chunk file uploader

I am using a .NET 5 MVC web application. To allow file uploading, I am using the ng-file-upload component with chunks settings (resumeChunkSize: 5000). In ASP.NET 4 I used the ...

asked Jan 14, 2021 at 23:03

-1 votes

1 answer

483 views

TypeError: Illegal invocation at forEach when creating attachments

trying to create an attachment to the associating model, but have an error, do not know how to debug it firefox says 'forEach' called on an object that does not implement interface FormData; chrome - ...

asked Oct 20, 2020 at 13:07

ng-file-upload times out after 2 minutes even though the uploading is in process in backend

I am facing the issue while using ng-file-upload in angularjs. Even though the uploading is in process in backend (node-js code), chrome times out after 2 minutes and throws net::ERR_EMPTY_RESPONSE. I ...

asked Jul 9, 2020 at 7:38

How to upload image using angular 8

app.module.ts ngOnInit() { this.userForm = this.fb.group({ firstName : ['', Validators.required], gender : ['', Validators.required], maritalStatus : ['', Validators.required], lastName : [''...

asked Apr 15, 2020 at 17:45

Is it possible to read the geolocation of images using ng-file-upload?

I am wondering, if it is possible to read the Exif metadata that is attached to image files to read the geolocation using the ng-file-upload library. There are options (e.g. ngf-fix-orientation) that ...

asked Feb 25, 2020 at 8:27

2 votes

0 answers

437 views

Is there way I can get audio duration while uploading file in angularjs

Html file : code for selecting mp3 file

Audio <input class="center" id="musicFile" type="file" ngf-select ng-model="...

asked Jan 16, 2020 at 10:31

-1 votes

1 answer

148 views

Update select dynamically with API response data

I cannot get a select (drop-down menu) to update with a API response from ngfileupload (sheet names in the file uploaded). I can see the sheet names in what is returned in the browser but cannot get ...

asked Nov 19, 2019 at 21:01

How to upload the file form client to server if the file length is more than 1 gb?

I'm facing issue at the time of file upload. If my file size is more than 1gb. How to fix that issue?

asked Nov 14, 2019 at 17:35

-4 votes

1 answer

895 views

How can I get the url of my files uploaded from ec2 [closed]

I have used HTML to upload a file to a web location. <input name="fileInput" type="file" fileinput="files" ngf-select ng-model="picFile1 "accept="image/*" NGF-max-size="2MB"required ...

asked Sep 13, 2019 at 4:41

1 vote

1 answer

192 views

Is it possible to add complex extension in ng-file-upload plugin to accept specific files?

I'm using ng-file-upload plugin to upload files and I'd like to select files with specific extension. In my case it's .info.system.yaml extension. I've looked through examples and see only short ...

asked May 27, 2019 at 8:38

Size restrictions in mat-fileupload-queue

Is there anyway that i can restrict the size of the file getting uploaded? I use,

<input id="singleFile" type="file" [fileUploadInputFor]="fileUploadQueue" /> <mat-file-...

3,066

asked May 14, 2019 at 7:14

0 votes

0 answers

356 views

Clear input type file if invalid

I'm using angularjs and this library to upload files. When a file is selected, I call a function. When a file's size is greater than the limit I try to clear the input field in the function. But when ...

1,574

asked May 10, 2019 at 4:44

0 votes

1 answer

657 views

How to upload file to azure from C# code by using angular as front end and passing file through the api to api controller

I'm developing an application wherein the requirement is to upload the file to Azure blob storage. I tried the azure-blob-storage-service plugin which is present in the angular nuget manager. Can ...

asked Apr 17, 2019 at 10:03

0 votes

1 answer

2k views

File upload not working for Android in Cordova project

In my Cordova project I rely on a third party dependency that uses ng-file-upload in order to upload files. It works on iOS but not on Android as reported in this issue on their Github. The old ...

6,367

asked Mar 20, 2019 at 13:19

0 votes

1 answer

316 views

Replace instead of delete and add file with ngFileUpload

ng-file-upload deletes existing files that have been uploaded before when the user tries to upload again. This may cause duplicate file uploads if the user changes their mind about replacing the file, ...

asked Feb 26, 2019 at 11:07

0 votes

0 answers

196 views

ng-file-upload - file size limit

I'm trying to upload a large file - 6GB to S3. The S3 file size limit is 15GB. When uploading the 6GB file the request fails with the response null in the error callback. I'm able to successfully ...

2,193

asked Feb 15, 2019 at 22:46

multipart upload to s3 using ng-file-upload

Can somebody point me to an example of doing multipart upload using ng-file-upload. Also if the upload can be paused/resumed (like when the internet goes down or user puts the machine to sleep). ...

asked Feb 11, 2019 at 18:07

0 votes

0 answers

761 views

Reconstructing a chunked file in Node.js

I am working on a angularjs / nodejs (express) stack. In this project, I have to upload large binary file (~150mb) from the client to server. Due to a company proxy limitation, we have to chunk the ...

asked Jan 4, 2019 at 16:27

0 votes

1 answer

2k views

The database connection must be open to store files at GridFSStorage._handleFile

I try to upload a file on local MongoDB server via a web application in the following: const express = require("express"); const bodyParser = require('body-parser'); const path = require('path'); ...

asked Jan 3, 2019 at 11:23

5 votes

3 answers

5k views

Send uploaded file to backend in Cypress

I am using Cypress to use my application and encounter a problem by sending an uploaded file to the backend. It sends an empty FormData. I am using the code found here https://github.com/cypress-io/...

asked Dec 20, 2018 at 14:05

0 votes

1 answer

88 views

In Ionic How to Bind File Data with request body (How to do multi-part data)

I am working with ionic3. I want to bind pdfFile as a fileobj: Multipart Data Then username: "abc" and other 2 3 fields.How can I achieve This ? Can I use input type file or any other thing ?

asked Dec 17, 2018 at 5:39

0 votes

0 answers

210 views

ng-file-upload using by keeping in node modules

I am working with ng-file-upload plugin and works for me. but as per my requirement I should not use the plugin in my code or folder and it should in node modules. How can I use ng-file-upload plugin ...

asked Oct 29, 2018 at 13:18

3 votes

2 answers

8k views

how to validate file using ngx-file-drop in angular 5+?

I'm using "ngx-file-drop" on Angular 6. <file-drop headertext="Drop files here" (onFileDrop)="dropped($event)" (onFileOver)="fileOver($event)" (onFileLeave)="fileLeave($event)" ...

asked Oct 25, 2018 at 12:40

Opening file selected by the user

I have the code below and i would like to, if the user desires, to show the pdf that was added (using the input element), in a new tab or open the file. Is this even possible? <div class="...

asked Oct 17, 2018 at 17:00

Multiple files upload with Spring Boot

I´m trying upload multiples images using ng-file-upload with Spring Boot. The problem is that angularjs send files in wrong order,no sequence, shuffled. Select images 0 1 2 3 4 5 and when send need ...

2,204

asked Oct 10, 2018 at 23:34

AngularJS ng-upload reset file selection

I am using a simple file upload as below: Select File ...

6,272

asked Sep 28, 2018 at 12:42

How to restrict files to UTF-8 encoded only in Angular file upload?

I am using ng-file-upload to upload a text file. Select File &...

3,041

asked Sep 24, 2018 at 15:57

3 votes

2 answers

6k views

how to preview image before upload using ngx-file-drop in angular 6?

I'm using "file-drop" tag to drag and drop image on Angular 6. <file-drop headertext="{{adCrud.uploadMediaText}}" (onFileDrop)="dropped($event)" (onFileOver)="fileOver($event)" ...

asked Sep 15, 2018 at 16:28

Ng-file-upload: Sending array to Web Api

Using angularjs 1.3 and C# .net core web api I have a ng-file-upload which being used to upload file. When the upload method is called I want to pass in an extra array of some data to the upload ...

6,272

asked Aug 29, 2018 at 19:17

0 votes

0 answers

86 views

I have a registration form which asks for details such as firstname, lastname, email, etc and it asks for uploading a pdf file at the end. I am not using any database, I am storing all the details in ...

asked Aug 10, 2018 at 3:38

0 votes

1 answer

2k views

How to handle windows file upload using protractor and typescript?

I am clicking on a upload button which opens up a windows file selector. I am not able to write the path to a file in that File Selector dialog using protractor. I tried copying the text to the ...

asked Jul 25, 2018 at 12:08

5 votes

3 answers

7k views

$http.post: Large files do not work

I am trying to upload files through my web app using the following code. View:

<input ...

1,801

asked Jul 16, 2018 at 11:29

0 votes

1 answer

561 views

Uploading photo along with other info from form using angular.js and node.js

Need help with uploading photo and saving it to local folder using node.js, express and angular for front end. Form is done and saving new user information to mongoose works fine. Need to add the ...

asked Jul 10, 2018 at 3:28

0 votes

1 answer

1k views

Required MultipartFile parameter 'file' is not present in spring 4.3.1

I am using spring 4.3.1 and I am going to upload file using ng-file-upload library. this is my javascript code and when I connect the javascript code to php server, it works well. var promise ...

asked Jun 23, 2018 at 11:03

0 votes

0 answers

280 views

Input file upload inside ng-repeat not working

I'm trying to add a file-upload control into a section (each cell of this section have different parameter). I use input file upload. But when i generate section with ng-repeat, it doesn't work at all,...

asked Jun 21, 2018 at 14:24

Angularjs files uploads says this request has no response data available

I used the code below to upload Image and username to server. it works fine. Now I want to return the username and filename in a console but it says this request has no response data available. I ...

asked Jun 19, 2018 at 22:15

3 votes

2 answers

1k views

Required request part is not present - Spring

I am trying to pass the attached file information to the spring controller from agularjs controller. I am facing issues while passing the information from angularjs to spring controller, it is ...

asked Jun 18, 2018 at 2:38

0 votes

0 answers

86 views

Unable to send file to server from AngularJS with access token and ng-file-upload

I'm using AngularJS 1.6 to send a file to the server. The server uses Multer to read the files and I am providing a secure access token on each file uploaded. The project uses the ng-file-upload ...

asked Jun 11, 2018 at 12:29

-1 votes

1 answer

369 views

I need to upload a file to server using angularJS, NodeJS and ExpressJS

I tried following this link https://ciphertrick.com/2015/12/07/file-upload-with-angularjs-and-nodejs/ but got error Node version is 4.4.7, modulerr error in ngFileUpload For file upload in app.js ...

asked Jun 4, 2018 at 9:30

1 vote

1 answer

625 views

Angular file upload is aborting upload process while route change

In our project we have a requirement like , while user is navigating across the pages (route change) we need to retain upload process behind the scenes . But as scope is getting destroyed while ...

asked May 11, 2018 at 11:41

3 votes

2 answers

3k views

Angular 5 Upload files along other object's properties

I want to upload a file as part of a property to an object in a form. I have researched on this but most of the documentations are referring to services which only handle a file. In my scenario I have ...

asked May 10, 2018 at 7:09

2 votes

2 answers

6k views

Chromedriver: session deleted because of page crash

I am writing tests for my AngularJS application using protractor and jasmine. I am testing file upload case using the code below: const fileElem = element(by.css('input[type="file"]')); fileElem....

asked May 2, 2018 at 10:03

javascript - Different SHA256 using the same file in Angularjs app and bash

I need to get the digest of an uploaded file in my AngularJS app, but the result digest is different from the file digest I get with bash. I started using jshashes, but when I saw that the resultant ...

asked Apr 24, 2018 at 9:41