I'm trying to build a file-sharing app for Kik but the Kik messenger browser seems to disable a simple html file input element like this:
<input type="file" id="input">
Why is this not working and is there any other way to upload files from within a Kik tab? I realize that there is this photo API available:
kik.photo.get
but what about other file types like video, audio etc?
Thanks!
Add the "accept" field to the input. iPhone doesn't support uploading arbitrary files because the user interface makes no reference to the file system.
<input type="file" accept="image/*">
<input type="file" accept="video/*">
<input type="file" accept="audio/*">
EDIT
According to the link you're on Android 4.4. Apparently Android 4.4 shipped with a change to the WebView that is causing this broken behaviour.
See this thread: HTML file input in android webview (android 4.4, kitkat)
Related
I am using ng-file-upload and I want to know how to show images which were uploaded previously to the server using ngf-thumbnail?
ng-file-upload really great angular plugin to work with files. Also it has really good documented.
After adding control to process files:
<div ngf-drop="" ng-model="files" ngf-model-options="modelOptionsObj" ngf-multiple="multiple" ngf-pattern="'image/*'" ... />
You can access this files to show in preview using ngf-src directive
<div class="preview">
<img ngf-src="!files[0].$error && files[0]">
</div>
For better understanding and more behaviors supported by this plugin please follow this demo link
https://angular-file-upload.appspot.com/
I have an issue with multiple input file selection on android, I use input HTML form like this.
<input type="file" id="multipleLocalFilesSelector" nv-file-select uploader="uploader" multiple="multiple" accept="image/jpeg,image/png" style="visibility:hidden">
everything works fine except the multiple attribute. I couldn't find any way to be able to select multiple file, it keep making me select single file.
Does anyone have solution for this ?
This feature seems not to be supported on Android Browsers:
http://caniuse.com/#feat=input-file-multiple
Update ionic version of app to 6. Remove and add platform again. Multiple file selection will start working. It seems to be an issue of android versions less than 8. Just make sure you are using name="file[]".
Ok, so I have a VERY SIMPLE html page on a website so people can access a couple files.
The problem is that this page loads fine from a desktop computer using a standard browser, but when attempting to view it on a mobile device, I get ERROR 500. So, is there some simple header info I need to add to the file to get it to display on a mobile device?
Here's the URL:
http://www.customsoftwarezone.com/GH/index.html
Here's the entire HTML:
<br/>
Vocal Solos - Gregory Harrison:
<br/>
<br/>
<br/>
Bring Him Home
<br/>
<br/>
On The Street Where You Live
<br/>
<br/>
I Won't Give Up
<br/>
You can detect mobile browser by using jquery, such that:
if(jQuery.browser.mobile)
{
console.log('You are using a mobile device!');
}
else
{
console.log('You are not using a mobile device!');
}
Normal to upload file I do
<form method='post' enctype='multipart/form-data'>
<p><input type='text', name='name'/></p>
<p><input type='file', name='image'/></p>
<p><input type='submit', value='Wyślij'/></p>
</form>
What if I want send this form without page reload?
I can use "new FileReader()" and bind base64 to $scope but with big files it doesn't work well.
Can I upload my form without page reload in similar way like above?
I think you should looked at the directive which has been created already ng-file-upload
Features
Supports upload progress, cancel/abort upload while in progress, File drag and drop (html5), Directory drag and drop (webkit), CORS, PUT(html5)/POST methods.
Cross browser file upload (HTML5 and non-HTML5) with Flash polyfill FileAPI. Allows client side validation/modification before uploading the file
Direct upload to db services CouchDB, imgur, etc... with file's content type using $upload.http(). This enables progress event for angular http POST/PUT requests.
Seperate shim file, FileAPI files are loaded on demand for non-HTML5 code meaning no extra load/code if you just need HTML5 support.
Lightweight using regular $http to upload (with shim for non-HTML5 browsers) so all angular $http features are available.
https://github.com/nervgh/angular-file-upload/ seems to handle large uploads very gracefully
In my project I want to update the csv file in Google app. At the same time I want to show the progressbar to the end user how can i do this.
Please help me if you have total code.
I'am using Serlvet, JSP and Google app in my project.
index.jsp:
<form action="<%= blobstoreService.createUploadUrl("/upload") %>" method="post" enctype="multipart/form-data" onsubmit="return validate()">
<input type='file'>.....
upload:
Map<String, BlobKey> blobs = blobstoreService.getUploadedBlobs(req);
BlobKey blobKey = blobs.get("myFile");
if (blobKey == null) {
res.sendRedirect("/");
} else {
res.sendRedirect("/serve?blob-key=" + blobKey.getKeyString());
}
I've had sucess in the past with this:
jQuery File Upload
File Upload widget with multiple file selection, drag&drop support, progress bars and preview images for jQuery.
Supports cross-domain, chunked and resumable file uploads and client-side image resizing.
Works with any server-side platform (PHP, Python, Ruby on Rails, Java, Node.js, Go etc.) that supports standard HTML form file uploads.
As the data transfer mechanism is a standard POST you should also be able to intergrate this.