Questions tagged [input-type-file]
HTML input control for uploading files `<input type="file" />`
input-type-file
194
questions
1
vote
3
answers
49
views
How do I align my <label> beside my <input type>?
I'm trying to make an evaluation form but my label is not aligned with the <input type="number> I just want it to align right next to <input type="number">
Here's how it ...
0
votes
0
answers
15
views
Uploading multiple images but uploading another image the old one is deleted from input
To upload multiple images am using this code
$(document).ready(function () {
if (window.File && window.FileList && window.FileReader) {
$("#images").on("change", ...
3
votes
3
answers
111
views
How can I add drag & drop functionality to my file input HTML tag which I have customized as an image?
I am currently designing a form using HTML, CSS, and JavaScript which includes an input type=file. I customized the form, so that the input now uses an image which can be clicked to browse and select ...
1
vote
4
answers
39
views
can't add new line after tag input type file in javascript
please tell me how to add br tag or new line between input tag with file type.
my html
<input type="button" class="btn btn-outline-success form-control mr-sm-2" style="...
5
votes
2
answers
4k
views
window.open blocked due to active file chooser Chome updated
I was trying the following code in react, and I am getting the following error in Chrome (updated) and Opera browsers. Any idea how to fix it ?
return (
<Button
component="label"
role=...
0
votes
1
answer
21
views
Cart quantity update
So I have been trying to update my product quantity on my cart page but on reload of the page it sets back to the default value of 1
I tried ajax function and I'm expecting it to update in the db ...
0
votes
1
answer
85
views
React Url scheme c not supported
I'm currently working on a react web app in which I have an input type "file", which should be used by the user to upload an image. The input itself works, meaning when the button is clicked,...
0
votes
0
answers
200
views
iOS WKWebView: PostMessage/EvaluateJavascript breaks file input
I'm working on a Xamarin mobile app, where the iOS version uses a WKWebView for its UI. Our user input handling works by passing JSON-serialized messages between the app and frame within the webview. ...
0
votes
1
answer
87
views
Prevent file from being uploaded
I tried to prevent the upload of the file after dragging the file in the input with ev.preventDefault(); . It works but now after dragging the file it doesn't change the file name in the name section.
...
0
votes
0
answers
26
views
Input type=["file"] handling events display information only of first element of the map
I am attempting to create an admin table in React that enables an administrator to upload a CSV file to the database. When the administrator selects a CSV file, an onChange handler triggers a function,...
3
votes
2
answers
1k
views
Using <input type="file"> to display uploaded files with iframe
I want to use a file input so that a user could upload a folder containing their site files, then the program finds the index file in the folder then displays it in the iframe.
I attepted to do this ...
0
votes
1
answer
1k
views
Uploading multiple images - one image at a time (JavaScript)
To upload multiple files and create thumbnails I'm using code:
<form class="article-comments__form">
<textarea class="article-comments__textarea" placeholder="Join ...
1
vote
0
answers
2k
views
Input type file is not working on Chrome?
I am building a fullStack project with react where you can create posts.
I am trying to use input type file to upload a picture, but when I click the choose file button, the pop up window does not ...
0
votes
3
answers
547
views
Change text color of 'no file chosen'
It always creates a button where 'Choose file' is written, and beside that 'no file chosen' word is visible until I choose any file. But the text color is always black. Is it possible to change the ...
0
votes
1
answer
495
views
HTML input type="file" show multiple file extension option
I have a file upload on my page like below:
<input type="file" id="myFile" name="myFile" accept=".xls, .xlsx"/>
When open file dialog is opened, the ...