Code

Discussion on HTML5 File Upload

Discussion on HTML5 File Upload

By
Cart 674 sales
stbeets

stbeets supports this item

Supported

186 comments found.

Hello!

I want to buy this Script.but i need a spezial function. Can this Script after Upload a File make a Form in a php Ajaxcall ? I need this for multple Upload in a Video Project. Thanks for a Answer

Hi, yes you can add all custom functions and actions to the plugin, so after uploading you can add your js and in the PHP you can edit it to fit your need

The hide of button attributes do not work. The buttons are all still when files are dropped.

createUrl(‘message/file’, array(‘message_id’=>$model->id)); ?>” data-autostart=”true” data-multiple=”true” data-button-start=”false” data-button-allstart=”false” data-button-allremove=”false” data-button-alldone=”false” data-button-allstop=”false” style=”width: 100%;”> <input type=”file” name=”file” />

Hi. Your script looks nice. I have couple of question before I buy. Does your script allows chunk upload. Like if we want to upload multiple 6GB files it breaks into 10MB chunks and upload. Also can we save uploaded files in MySQL using PHP with the new name and other parameters.

Does it shows progress bar with % complete and time remaining?

Thankyou

Hi Soomro30,

At this point, there are no chunk uploads. I have looked into that but nothing is been made for it. I dont know if and when i am making the feature.

Saving into a database is possible, you can edit the PHP files to fit your needs.

It does not show time remaining at this point, it does however have a progressbar. See the example page for the possibilities.

Is it possible to send auto email when somebody upload a file ?

Hi, yes this is possible, you have to edit the php example a little, add in a mail() function that mails you

Hi,

I have an issue with the script. In the data-file I’ve put the urls of the files that are uploaded before. But under the upload-part I see all these files twice…

Is there a solution to avoid this?

Wouter

Hej! I’m using your script for some month – with success! But for now it doesn’t work completely. Files larger than 1 MB are 0 KB after upload. Files less than 1 MB will work. I set the “upload_max_filesize” in php.ini up to 30 MB. I can upload files in that size without problems. But in my /tmp/ they are 0 KB. The /tmp/ Folder is set to “rwxrwxrwx”, PHP is 5.4.38. I used your original untouched fils for testing: same problem… Thank you for your feedback.

Hi, what is the max_post_size? Because that also have influence on the max file size…

Thank you for your response. Here are my .htaccess-Settings:

php_value memory_limit 256M
php_value post_max_size 51M
php_value upload_max_filesize 50M
php_value max_execution_time 600
I also use another AJAX-Uploader. This works fine with large files. I’m having trouble only with your script :-(

these settings are fine, but are they working? use phpinfo() to see if your options are really set. And also, try debugging the $_POST, see if the $_POST with a 2 MB file is still correct, or does it break?

If you are not using the form version, you will post a serialized string in the $_POST variable, not a $_FILES variable

Hey there, I get an error whenever i try to upload a file over 6mb the error message is 200 ok my server settings allow files to be much larger http://onepic.co.il/checkmemory.php

Hi again :)! Jquery file upload is not the same as my script. I know that is the reason why that script is working. Again, i know it’s not my script, i debugged all before giving you an answer. That’s what i do, i check, i test and then, if i can’t find the problem on my server, only try to help out, let people see that it’s not within the scripts limits. If the scripts works on other servers, why not yours? What is the difference between the 2 sites? Not the JS script, not the HTML, not the PHP, but YES on the server and server settings. The JS works with a canvas and a POST with serialized filecontent. Maybe there is a problem. I see on your server you dont have an error_log on.. i think it is wise to turn that on and debug your server (same thing you suggested me to do..??) i did that, i could not find any problems. So before blaming me or my script, please debug your server and let me know if there is any result.. maybe i can help you any further… Cheers!

it’s not about who to blame script/server but about finding a solution to a problem. as i wrote two weeks ago: “script do not pass $_POST when the filesize is over 6MB” somewhere along the way something goes wrong. With other scripts – it does not go wrong, And of course – same goes for other servers. If i am the only one with that issue – no biggie. If future customer woudld experience something similar – you would benefit from investigating it all the way through. Either way – I appreciate your help, and your script is great. Sincerely. Yair

Good to hear how you think about it. The problem is, i can’t find the problems in my setup. That’s why i hoped you could run you error_log, hoping to see the problem so i could fix it for you, but more importantly, have a ready go answer if other people have the same problem. Thanks for you replies, with respect, Sander

Pretty cool work. How would we use the callback functions if we use multiple uploads? Since we just want to display a message when ALL the uploads are completed and not for each file we upload.

for example:

$('.html5fileupload').html5fileupload({ onAfterStartSuccess: function(response) { alert("File has been succesfully uploaded"); } });

The above code displays a message for each file, but we like to display just 1 message after ALL the files are uploaded. We have already added a restriction in the code to a number of max uploaded files are 3.

How would we go about this? Otherwise the callback function is pretty useless if multiple is set to true.

Dankje .

Basicly what we need is a way to get some sort of callback to see how many files the user has uploaded or a way to check if all the uploads have been completed. For example someone uploads 4 images, we need a callback way to get confirmation that the 4 uploads have been completed.

I get “Error: 200 OK”

ok… how, what, where? This is too little information for me to give any advice

http://studio11realestate.imagesmls.com/auction/ Please let me know if you need FTP access

your server is reporting an error

<br /> <b>Strict Standards</b>: Only variables should be passed by reference in <b>/home/s11realestate/public_html/auction/html5fileupload.php</b> on line <b>14</b><br /> {"result":true,"url":"\/graphics\/LUMA-Display-Ad-Tech-Landscape-for-AdExchanger.jpg?1426086940","filename":"LUMA-Display-Ad-Tech-Landscape-for-AdExchanger.jpg"}

Hi, this script seems to be exactly what I am looking for. My only question is; is there an easy way to display the uploaded file at full size in an iframe as soon as they have uploaded it?

Thanks

Thanks for the reply, I have PM’d you with the details.

How do you dynamically get the url of the file the user has uploaded so I can append that to the iframe using Jquery?

Any ideas?

Not sure how my comment disappeared, but I wrote a comment after purchasing the product about Windows 7 drag and drop not working and not posting files to the server. It works when you click to upload, but not drag and dropping.

which browser do you use?

It is happening on all browsers in Window 7

I will report this bug in my system, but i have no windows 7 machine at this moment…

Hello,

Can you explain how the html5fileupload.remove.php script works?

I get that echo json_encode(array('result'=>true)); presumably is called back into the form to empty the result.

But additionally I need to do a call to the database to remove the entry from there.

Is there a way of parsing other details to the remove script (for example and ID)?

It looks like at the moment the only thing being parsed to that script is

array("file" => "myfilename")

Many thanks,

Fred

Hi Fred,

With the removescript, you could use the ID in the url? At this point, no other values are given with the call. I will include this in the next release.

Thanks for the update. parsing some more details in the array would be useful – especially if you could leave it open to parse any values to then be picked up as $_POST on the remove script.

For now I have hacked my solution by ensuring all filenames are stored with a prefix of the id and field type. Then I grab this using a preg_match.

I purchased this and using it on a clients backend website CRM that I built. If they click, select and upload a file it works great. If they drag and drop using Windows 7 IE or FF the files are not being posted to the next page. $_FILES (in PHP) is empty. Any ideas on what is going on? (BTW, it works on Mac)

Hi, does the problem only occur on windows 7?

When you drag and drop the file(s) it shows as though it is attached, but when you submit the form the attachments are not in the $_FILES array (for PHP) therefore aren’t being passed to the server.

Am I missing some piece of API documentation? I’d like to have the file auto-upload on submission, then I’d like to return the file URL into a field, which gets processed on form submit.

This doesn’t seem like it would be difficult, except that the only documentation I find is here – http://codecanyon.net/item/html5-file-upload/full_screen_preview/9254506

That doesn’t tell me anything about the object being handled.Without spending 2 hours getting to know your code, I’m not sure how to proceed.

Hi, the code for getting the file name after submission $('.html5fileupload.demo_function').html5fileupload({ onAfterStartSuccess: function(response) { $('#filename').val(response.filename); } });

Still not feeling to good :) copying the wrong code again… the above demo is correct… :S

Hello – When using the form demo provided I am getting php error “UPLOAD_ERR_NO_FILE – Value: 4; No file was uploaded” if the file was dragged onto the input. It works as expected if you click the input and select a file though.

Any idea why?

do you have a demo where i can see this?

The error code I am getting is Error: 200 OK

Hi, Thanks for this great script. I cannot upload files which size are above 3.5 Mb. In the js script line 89 it is set as:: maxFilesize: 20048000, (line 89) In my main script it is also set as:data- max-filesize=”20048000”. When I try to upload file above 3.5Mb I get the progress bar up 90% and then it turns red and the try again button appears. Which adjustment am I missing? Thanks for your help.

Hi, i see that you did not purchase the item, would you please do so to support me and my help i gave you?i would appriciate it very much!

I did purchase your script last year. I think end of november 2014. I paid for it with paypal. Regards

Sorry it was on December 28. I sent 20 USD to my envato account to pay for script.

I used this property [ data-random-name=”true” ] When I upload a file, and then click to download, the file name is still the original, not random name, download is failed, why?

do you have an example i can look at?

Please test this step http://html5fileupload.stbeets.nl > Random filename usage > Upload my local images > A.jpg > ok > L80E72YE.jpg > When I click Download > It is [A.jpg] and not is [L80E72YE.jpg]

I need like L80E72YE.jpg this filename

is there a way to generate a thumbnail of images uploaded?

to save as an image? The thumbs now are made in a canvas.

Hi i would like to buy your script but i didnt see the example how to limit the numbers of files begin uploaded . Have you done this ?

Hi, not at this point, added this to the todo list! thanks for the feedback

Keep following me to see the updates

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