Questions tagged [ng-file-upload]
Lightweight AngularJS directive to upload files.
495
questions
0
votes
1
answer
309
views
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.
0
votes
1
answer
23
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 ...
0
votes
2
answers
51
views
Protractor file upload with Saucelabs (Chrome 90) redirected to "data:text/html,<html></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 ...
0
votes
2
answers
339
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 ...
0
votes
1
answer
972
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">
&...
1
vote
0
answers
21
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 :
<...
1
vote
0
answers
441
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 ...
-1
votes
1
answer
225
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 - ...
1
vote
1
answer
568
views
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 ...
0
votes
1
answer
882
views
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 : [''...
0
votes
2
answers
360
views
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 ...
2
votes
0
answers
281
views
Is there way I can get audio duration while uploading file in angularjs
Html file : code for selecting mp3 file
<div class="col-xs-12 col-sm-12">
<label> Audio</label>
<input class="center" id="musicFile" type="file" ngf-select
ng-model="...
-1
votes
1
answer
76
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 ...
2
votes
1
answer
103
views
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?
-4
votes
1
answer
646
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
...
1
vote
1
answer
175
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 ...
1
vote
1
answer
908
views
Size restrictions in mat-fileupload-queue
Is there anyway that i can restrict the size of the file getting uploaded?
I use,
<div>
<input id="singleFile" type="file" [fileUploadInputFor]="fileUploadQueue" />
<mat-file-...
0
votes
0
answers
232
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 ...
0
votes
1
answer
564
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 ...
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 ...
0
votes
1
answer
87
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, ...
0
votes
0
answers
132
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 ...
1
vote
1
answer
51
views
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).
...
0
votes
0
answers
623
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 ...
0
votes
1
answer
1k
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');
...
3
votes
3
answers
4k
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/...
0
votes
1
answer
41
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 ?
0
votes
0
answers
102
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 ...
3
votes
2
answers
6k
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)" ...
0
votes
1
answer
55
views
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="...
0
votes
1
answer
2k
views
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 ...
1
vote
1
answer
798
views
AngularJS ng-upload reset file selection
I am using a simple file upload as below:
<button type="file" ngf-select ng-model="fileData"
ng-change="fileChanged(fileData)" name="file" required >
Select File
</button>
...
1
vote
1
answer
2k
views
How to restrict files to UTF-8 encoded only in Angular file upload?
I am using ng-file-upload to upload a text file.
<span type="file" class="btn" ngf-select ng-model="fileUser" name="fileUser" ngf-pattern="'.txt,.TXT'" ngf-accept="'text/plain'"> Select File &...
3
votes
2
answers
5k
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)"
...
0
votes
1
answer
661
views
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 ...
0
votes
0
answers
74
views
Giving pdf name according with the registration form so that the next login user can see their details with the pdf file using AngularJS and PHP
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 ...
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 ...
4
votes
3
answers
6k
views
$http.post: Large files do not work
I am trying to upload files through my web app using the following code.
View:
<form name="uploadForm" class="form-horizontal col-sm-12">
<div class="col-sm-4">
<input ...
0
votes
1
answer
374
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 ...
0
votes
1
answer
846
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 ...
0
votes
0
answers
220
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,...
0
votes
1
answer
463
views
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 ...
2
votes
1
answer
827
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 ...
0
votes
0
answers
64
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 ...
-1
votes
1
answer
312
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
...
1
vote
1
answer
302
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 ...
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 ...
2
votes
2
answers
5k
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....
0
votes
1
answer
2k
views
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 ...
1
vote
2
answers
2k
views
how to display image with blob image url?
I have blob url for image and want to display it.
One method I tried is by using createObjectURL().
$scope.preview = function(path) {
//path is 'data:image/jpeg;base64,/9j/...