Safari 3.2.1 intermittently fails to upload
rootdownmedia - February 17, 2009 - 21:16
| Project: | ImageField |
| Version: | 6.x-3.1 |
| Component: | User interface |
| Category: | bug report |
| Priority: | normal |
| Assigned: | Unassigned |
| Status: | postponed |
Description
1.CCK 6.x-2.1
2.Imagefield 6.x-3.0-alpha4
3. 777, 777
4. public
5. GD2
6. Expect file to upload and preview to appear in browser
7. The spinner next to the "upload" button spins infinitely (only in safari -- firefox works fine)
8.
Steps
1. Click on "Choose File"
2. Select a file (file selection happens ok)
3. Click "Upload"
4. Spinner starts moving but never stops
note: the infinte loops happens for the remove button as well

#1
Same here
#2
Just realized that if I select files via 'Browse' but don't click the upload button then submit the form, the images are uploaded. However, I can add additional images using the "Add another image" button.
#3
So it's not explicitly stated, but does ImageField work in other browsers for you?
#4
Yup works on Firefox fine
#5
I am getting the same thing Chrome/PC.
Upload spins forever + if I submit the page I get redirected to /filefield/ahah/picture/field_image/0
If I don't upload file (but do chose it) and then submit, everything is fine
#6
Could someone confirm this is a problem in the beta1 or development versions? I still can't reproduce any of these problems in Safari. Note, I'd recommend upgrading to CCK 2.2 that came out today, as it also fixes some problems with the "more" button provided for multivalue ImageFields.
#7
Hey quicksketch,
Im using ImageField 6.x-3.0-alpha4 with Safari 3.2.1. Upgrading to CCK 2.2 now and will hit you w/ results
#8
No luck with CCK 2.2. Still get an infinitely looping spinner in Safari
#9
rootdownmedia, could you try with the new versions of FileField and ImageField (beta3 or higher versions)? If it is a problem with ImageField, the only way it's going to be fixed is in new versions, as far as I know it's been fixed already.
#10
Updated both FileField and ImageField but no joy...
#11
Sorry, but I really just can't reproduce this problem at all. Have you tried a fresh Drupal install with just FileField and CCK? I'm suspecting another module might be interfering that I don't have on my installation. What other modules do you have installed on the site that affect the node form (wysiwygs, other cck fields, etc)?
#12
Not only 6.x version affected also 5.x 2.x version have same problem. Its a WebKit (Chrome, Safari) bug that not always happens but on like 1/3rd of the tries (it is even worse with the latest nightly builds of webkit). There does not seem to be a workaround and its not only related to drupal/image upload but to file upload in general - I read somewhere that it oddly happens only when there is a CSS switch of the upload form to "display:none" as this happens with image upload its worth investigating.
#13
I'm unable to fix this until it can be reliably reproduced. I'm not able to reproduce this problem despite using Safari on daily basis.
#14
All interested parties, see https://bugs.webkit.org/show_bug.cgi?id=5760.
The conclusion (that I've been able to discern) is that this is a bug somewhere between Webkit and one of the core foundations of Mac OS X. The Webkit (aka, Safari) team is unable to fix the problem and is relying on Apple to fix the problem in Mac OS X. This problem still exists as of the most recent release (10.5.6). Anyone looking to solve this problem should follow the Webkit issue link above.
#15
A further note, it seems that Mike Alsup has built a work-around into the newer versions of jquery.forms.js (the library Drupal depends on for all its AHAH behaviors).
Anyone experiencing the problem might be able to replace their jquery.forms.js (in the "misc" directory of Drupal core) file with a new copy from http://malsup.com/jquery/form/#download. I haven't tried this, but I can't seem to make the issue appear on my sites anyway to test it out. It does seem that upgrading the library won't have any negative effect.
#16
#17
This happens in 5.x 2.x also, there is no jquery.forms.js used in drupal 5 misc folder.
#18
same here! Please someone find a fix for this! My safari and chrome dumps a large piece of code when I click "Upload"
#19
For the record, I also have experienced this problem when using WebKit-based browsers, but only when the site is local; that is, when it's being served from the same computer I'm using to browse it. Thus, it's only happening in testing conditions. I've never had this problem once the site is live and up on a remote server. I can't help but wonder if it's a race condition - if the relatively little network overhead means the upload is finishing before WebKit is ready for it to finish. (I don't think it's an OS X problem if it's also happening for Chrome on Windows…)
EDIT: Actually, it has happened when someone else in our office was using a site being served from my computer via our local network too. Again, maybe there just wasn't enough lag…
#20
subscribing. would love to hear results from anyone who tried replacing jquery.forms.js.
#21
I have the same problem. Some solution would be highly apreciated.
I replaced the jquery.forms.js, but without success.
#22
subscribing.
#23
I had briefly got ImageAssist to work on Safari, but Safari have now 'upgraded' to a new version and Image Assist has stopped working on all of my sites with Safari (it's fine on the PC or using Firefox with the Mac, for all but one site, which I'm going to start again on).
I've tried ImageAssist with the FCK Editor and TinyMCE and WYSIWYG API, all with no success. Anyone know of a different uploading solution other than Image Assist, or any other solution to this problem, be great to hear it!!
#24
Aminto, this issue is for Safari + ImageField/FileField. Image assist is a separate project and any problem with that module should be addressed in the Image assist queue.
#25
I am having the exact same problem in Safari AND Firefox. In Firefox, the throbber spins and stops once the file is uploaded, but it does not fade to the thumbnail with the "Remove" button. It just stays at the "Browse" field. Same in Safari, only the throbber keeps spinning indefinitely.
However, I also have a required text field for the content type, and after I upload the image and click save (without entering text into the required field) it reloads the form with the "field is required" error, but now the thumbnail with "Remove" button finally appears, instead of the "Browse" field. So the image seems to upload fine in the background, but the user interface is not functioning properly.
I am running both FileField and ImageField 3.1.
I REALLY hope there is some possible way to fix this, as it has rendered my site useless (and I've been working on it 16 hours a day for 3 weeks). If you don't have any idea what it could be, please let me know which file is responsible for the fade-in to thumbnail action. That way, I'll know which file to begin staring at for 16 hours a day, in the hopes of figuring out how to fix it.
Thanks for reading.
#26
I made a mistake, Safari does not make the throbber spin indefinitely. It acts exactly the same as Firefox. It spins during uploading, but does not show the thumbnail.
#27
I've pasted the loaded scripts from the source code of the upload form page.
I'm not really a developer, but I'm assuming that the problem has something to do with javascript and I thought this might be relevant information.
<script type="text/javascript" src="/misc/jquery.js?w"></script><script type="text/javascript" src="/misc/drupal.js?w"></script>
<script type="text/javascript" src="/sites/all/modules/extlink/extlink.js?w"></script>
<script type="text/javascript" src="/sites/all/modules/filefield/filefield.js?w"></script>
<script type="text/javascript" src="/misc/jquery.form.js?w"></script>
<script type="text/javascript" src="/sites/all/modules/dynamic_persistent_menu/dynamic_persistent_menu.js?w"></script>
<script type="text/javascript" src="/sites/all/modules/ajax/jquery/jquery.a_form.packed.js?w"></script>
<script type="text/javascript" src="/sites/all/modules/ajax/ajax.js?w"></script>
<script type="text/javascript" src="/sites/all/modules/ecommerce/ec_common/js/ahah.js?w"></script>
<script type="text/javascript" src="/sites/all/themes/acquia_slate/script.js?w"></script>
<script type="text/javascript" src="/sites/all/themes/acquia_slate/jquery.overlabel.js?w"></script>
<script type="text/javascript" src="/sites/all/modules/ajax/plugins/thickbox/ajax_thickbox.js?w"></script>
<script type="text/javascript" src="/sites/all/modules/pmgrowl/jgrowl/jquery.jgrowl_minimized.js?w"></script>
<script type="text/javascript" src="/sites/all/modules/pmgrowl/pmgrowl.js?w"></script>
<script type="text/javascript">
<!--//--><![CDATA[//><!--
jQuery.extend(Drupal.settings, { "basePath": "/", "extlink": { "extTarget": "_blank", "extClass": "ext", "extSubdomains": 1, "extExclude": "", "extInclude": "", "extAlert": 0, "extAlertText": "This link will take you to an external web site. We are not responsible for their content.", "mailtoClass": "mailto" }, "pmGrowlInterval": 30000, "ahah": { "edit-field-gallery-photo-0-filefield-upload": { "url": "/filefield/ahah/photo/field_gallery_photo/0", "event": "mousedown", "keypress": true, "wrapper": "edit-field-gallery-photo-0-ahah-wrapper", "selector": "#edit-field-gallery-photo-0-filefield-upload", "effect": "fade", "method": "replace", "progress": { "type": "throbber" }, "button": { "op": "Upload" } }, "edit-field-gallery-photo-0-filefield-remove": { "url": "/filefield/ahah/photo/field_gallery_photo/0", "event": "mousedown", "keypress": true, "wrapper": "edit-field-gallery-photo-0-ahah-wrapper", "selector": "#edit-field-gallery-photo-0-filefield-remove", "effect": "fade", "method": "replace", "progress": { "type": "throbber" }, "button": { "field_gallery_photo_0_filefield_remove": "Remove" } } } });
//--><!]]>
</script>
<script type="text/javascript">
<!--//--><![CDATA[//><!--
overMenuDefault = 'dynamic-persistent-menu-sub-menu';
//--><!]]>
</script>
<script type="text/javascript">
<!--//--><![CDATA[//><!--
subMenuTimeout = 2000;
//--><!]]>
</script>
#28
Sorry, one last thing. If there is no way to fix this, is there some way I can just disable the javascript or ajax functionality?
I'm just looking for some way to salvage all of the work I put into the site... even if it's at the cost of the awesome user interface.
#29
I'm an idiot. I guess the fact that it uploads the image when saving means that it's already operating without without ajax. Would be nice to get the thumbnail generation to work again though.
#30
Hi, I have the same bug I think, altouhgh it happens with Safari 4 : Version 4.0 (5530.17) + OS X 10.5.7
Two images uplaoded through a form without problem, then it's one on ten image that succeeds, the others are failing after a while. It takes ffox seconds to upload one.
+ it concerns Drupal 6.13, 2009-07-01
#31
Yep, same issue here it seems.
Local: Safari 4.0.2, Mac OS X 10.5.7
Server: Drupal 6.13, Imagefield 6.x-3.1
#32
I built a little module which may fix this. It's based on the comments here and elsewhere and appears to work for me using filefield 6.x-3.1... Nothing to do other than install the module and enable it.
It was created on a Mac so will have the ._ files I'm afraid but if it works and is useful I can clean it up.
#33
Any updates on this? Anybody else tried dredshaw's module? I guess I will later tonight. This is really annoying for so many of my users who use Safari.
#34
So I tried Dreadshaw's module and now the browser crashes upon clicking the upload button. Using Safari 4.03 and Drupal 6.14 and Imagefield 3.1.