Code

Discussion on HTML5 File Upload

Discussion on HTML5 File Upload

By
Cart 674 sales
stbeets

stbeets supports this item

Supported

186 comments found.

hi this have included Existing file(s) usage i want use existing files for html form its possible?

no, this willl only upload new files, it’s not a file browser

Hi i just bought your product. However i need to send some data when i upload images using the plugin. Can you give a javascript snippet how to implement it

it’s always possible to do with $(‘div.html5upload’).html5upload({data: {id: 1234}}); this will send ID=1234 with every request

thanks it works !!!

Now i have another question. I need to remove some files using html5fileupload.remove.php but it doesnt work, do you have an example?. Thanks

Hi.

I have a recruitment website and we take CV submissions. Lately I have been getting a lot of complaints with people having issues with it and I feel contactform7 is not the solution any longer.

http://www.keyrecruitment.co.za/submit-your-cv/

We do require some form information to be filled out and then the file and info to be emailed to about 10 email addresses. We do not even need to keep the file. One of the email addresses is a CRM for recruitment and it receives the file and parses it.

Would your plugin be the solution for us?

Thanks

Can you post a simple php example of how to send multiple files with form?

I dont understand the question, the plugin does this…

I’m developing on Localhost and I keep getting this error when I upload a photo.

html5fileupload.js?v1.2.1:630 Uncaught TypeError: $.ajax(...).done(...).fail(...).complete is not a function at FileReader.reader.onloadend (html5fileupload.js?v1.2.1:630)

This is preventing me from passing the new filename into a form field.

<input type=”file” name=”file” name=”fileToUpload” id=”fileToUpload” /> <input type=”hidden” id=”coverphoto” value=”” />

Any ideas on what is causing this? Thanks

Guess I should add the js causing the problem.

<script> $(’.html5fileupload.cover_photo’).html5fileupload({ function(response) { $(’#coverphoto’).val(response.filename); } }); </script>

Figured out the problem was with JQuery version. It seems that the callbacks aren’t compatible with JQuery 3.x

Hi

I have adjusted all PHP.ini settings to allow for large file uploads but when i try to upload a file larger than a few MB I get and Error 200 message. I have tried adjusting timeouts and set time limits as previously posted. Do you have any suggestions. What is Error 200?

Additional info. Error Logs States. PHP Notice: Undefined offset: 1 on $file = base64_decode($tmp1);

PHP Strict Standards: Only variables should be passed by reference on $extension= strtolower(end(explode(’.’,$_POST[‘filename’])));

Hi, thanks for your works and support. I tested Uploader on

http://www.antenykarlovyvary.cz/admin/js-plugins/html5-file-upload-2/index.html

and I have problem in finish. Progressbar is danger still and finish button aren’t show. Thanks for support.

Can you add switch for fontawesome and glyphicon in next version please? If I want change icon, I must edit main js file now. Thx

Hi, tried your url, but got a 404. Is the ajax response a 200 OK, our do you get some errors?

Hi, I’m trying to do a function that adds the uploaded file to the possibility of deleting, but I can not get it to work properly. I give you the examples:

<input id=”filename” type=”file” name=”file” /> $(’.html5fileupload.upload’).html5fileupload({ onAfterStartSuccess: function(response){ //this.input.val(response.url); //Does not work for security reasons this.element.html5fileupload({file:response.url}); } });

The example works as I want the first time, but after deleting the file, it no longer works the same. It only uploads the file but does not show the deletion part

thx

Hi, what is it you want to delete? You example isn’t clear what you are trying to do

Hello, there is a way to show some success message after file is uploaded?

add the suggested code? what code is that? please help me.

again: add ERROR_REPORTING(‘E_ERROR ^ E_NOTICE’); and the top of the PHP files, under the <?PHP tag

So, your PHP file should look like:

<?php

ERROR_REPORTING(‘E_ERROR ^ E_NOTICE’);

//rest of the code below

ahhh =) sorry i read fast the email dont see that part… thank you !

If i do not get this working and you respond to my comment posted 21 days ago i will be requesting a refund

Hey,

that’s my code.

++

<link href=”/scripts01a/shma-uploader/assets/css/html5fileupload.css?v1.0” rel=”stylesheet”> <script src=”/scripts01a/shma-uploader/assets/js/html5fileupload.min.js?v1.2.1”></script> <input type=”file” name=”file” /> <script type=”text/javascript”> $(’.html5fileupload.demo_basic’).html5fileupload(); </script>

++

I got an error: Uncaught TypeError: Cannot read property ‘html5fileupload’ of null

for the line: $(’.html5fileupload.demo_basic’).html5fileupload();

Do I need something to add (path?) in that line?

Thanks in advance Alex

I need an alert to be displayed on successful upload of a file. how can i do this.

When i click to add one file and then i cancel the uploaded file, the uploader doesn’t work anymore. I have to reload my page to get uploader works.

How can i solve it? Thanks!

Can I upload files larger than 500 MB? If not, what is the limit?

hi, this depends on your hosting. If the max postsize is 2MB, that’s the max…

Hello stbeets,

I found your html5 upload script and I would like to ask if you can make a custom application for me and of course, pay full amount for it. I am working with a standard form where I am using asp server side language (instead of php) with paid licenses to upload/resize photos (aspupload.com)

The solution I am looking for is this: Step 1—Selecting photos for a new entry 1. ability to set maximum files allowed 2. ability to set maximum overall size (of all the files selected) 3. 2 extra fields to add caption for each image (one for English, one for German) 4. ability to delete an image prior to upload and update the overall filesize 5. ability to rename an image prior to upload 6. ability to move/sort the thumbnails so they are saved in the DB in the custom order user selected prior to uploading them (caption fields should move with each thumbnail as well) 7. Single upload of all photos selected as I save all filenames in the same row in the DB

Step 2 - Editing an entry with images 1. ability to add more images (until max file is reached or max overall filesize) 2. ability to move/sort the images and save custom order to DB accordingly 3. ability to edit the 2 caption fields of each image 4. ability to delete an image 5. ability to rename images

When user clicks the form button to Submit, to pass all the form data to a custom script that I will write to upload, resize and save the image filenames and captions to the DB

Kindly let me know if this something we can work on.

Thanking you in advance and I look forward to your soonest reply

Best regards, Harry

Hi, Firstly, a nice script.

I’m using the random rename setting, but I need append a 4char variable onto the filename which is generated on the server. How can I get this back from Jquery back the the Ajax handler? You mention an example PHP script, but I never got that with the download. Is there any chance of getting that?

Thanks

Hello! Please, tell me, how to configure uploading big files? my settings

php.ini: memory_limit = 8192M upload_max_filesize = 1000M post_max_size = 1000M

Thanks!

Hi, that should do it, but you can check if the settings are valid by echoing then via phpinfo(); There you can find if setting the php.ini works.

Hi, we purchased the plugin a few weeks ago. In Android once we press on “upload files” it does not do anything. It locks and freezes the screen for a few seconds and finally does not do anything. A “select photo” window does not appear. How to solve this issue? It works in iPhone.

waiting your urgent news.

Hi, what browser are you trying this on? and what version of android?

data-download-url or downloadUrl – This is the url of the script that will handle the file download. An example is given in PHP when purchasing the plugin.

The Bundle did not include the download PHP? Can you let me know where can I Find it?

by
by
by
by
by
by

Tell us what you think!

We'd like to ask you a few questions to help improve CodeCanyon.

Sure, take me to the survey