Jump to content
sn4ke

Image uploading broke in Safari?

Recommended Posts

Hello together,

is there any known bug with Safari (on Mac) and the HTML5 image uploading? Somehow the "drag'n'drop" feature does not work properly - The "drag and drop files in here" text does not appear at the bottom - So I guess it's switched off completely? No problems with firefox and chrome by the way :)

Oh and thanks a lot for this really great CMS! I recently launched sn4ke.de

Share this post


Link to post
Share on other sites

You can drag &drop files on the actual input field in safari, then it does work ( but you have to save the page to upload )

Share this post


Link to post
Share on other sites

You can drag &drop files on the actual input field in safari, then it does work ( but you have to save the page to upload )

Thanks Martijn, I figured that out - But what's wrong with the drag'n'drop feature?

The Safari browser is based on the webkit engine, just as chrome. So what's wrong?

Share this post


Link to post
Share on other sites

Does it work for you in Safari here: http://html5demos.com/file-api? Safari doesn't support file upload API PW is using, thus the drag upload message isn't showing, it will fall back to traditional method.

Share this post


Link to post
Share on other sites

Hi Soma,

it does not work - It says "File API & FileReader API not supported".

I think my question is answered then... Too bad though. I'll just use chrome then ;)

Thanks guys!

EDIT

Thanks Martijn :)

  • Like 1

Share this post


Link to post
Share on other sites

Yeah, I know it is possible to get drag and drop uploads work in safari - not sure how (since File and Filereader APIs are not supported). After we did build the d&d implementation with Ryan it just felt that "well, Safari will support it soon enough". But it seems Safari doesn't get that much love, since that was about year ago or what when we implemented the drag and drop?

Share this post


Link to post
Share on other sites

I keep up to date with Safari on my mac, but I think Apple has lost interest in it as browser outside of iOS. Chrome is pretty much better in every way. There doesn't seem to be a reason to use Safari anymore in OS X. Since File/FileReader aren't apparently applicable to iOS, my guess is that Apple doesn't care about it.

Share this post


Link to post
Share on other sites

I keep up to date with Safari on my mac, but I think Apple has lost interest in it as browser outside of iOS. Chrome is pretty much better in every way. There doesn't seem to be a reason to use Safari anymore in OS X. Since File/FileReader aren't apparently applicable to iOS, my guess is that Apple doesn't care about it.

Hi Ryan, thanks for your message!

I was just asking because a future client of mine is a hardcore Mac user and needs everything "extra easy" ... But I think it's no problem - It was just a "nice to have" feature.

Share this post


Link to post
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now

  • Recently Browsing   0 members

    No registered users viewing this page.

  • Similar Content

    • By rushy
      Hi all
      Continuing my first project where I am creating and manipulating stuff from the frontend. Till now I've always added things like images from the backend, but in this project I need to add and move images from a frontend control. This is a photo album where images are stored in albums, each album being a page containing a Pageimages array in the usual way. So what I want to know is how do I move an image from one album (page) to another in the frontend? I just need some guidance on how to approach this.  I suppose I need to do a copy and delete - but how do I copy an image or images from one page to another? What function should I use to create a new image on an existing page? I include a code snippet from the server side of my delete image request and it works fine. I'd like to implement something similar for a move and upload new image request. 
      Many thanks for any help. Paul 
      <?php namespace ProcessWire; // sanitize inputs as 1-line text $action = $sanitizer->text($input->post('action')); $instr = $sanitizer->text($input->post('input')); $sel = $input->post('selected'); // Expect JSON for image selected image list $selected = json_decode($sel); $nosel = count($selected); $response = array(); // for building JSON response switch($action) { // delete selected images case 'delete': $out = "<p>Deleted $nosel image(s)</p>"; foreach($selected as $item){ $album = $pages->get($item->album); $album->of(false); $out .= "<p>Image {$item->file} from album {$album->title}</p>"; $album->images->delete($item->file); $album->of(true); } $out .= saveUpdatedAlbums($pages, $selected); // add the response message for the delete $response['message'] = $out; break; ...... // save any album that had an image deleted function saveUpdatedAlbums($pages, $selected) { $cur = ''; $out = ''; foreach($selected as $item){ $album = $pages->get($item->album); if($album->id != $cur) { $album->of(false); $album->save('images'); $album->of(true); $cur = $album->id; $out .= "<p>Updated album {$pages->get($cur)->title}</p>"; } } return $out; }  
       
       
    • By Robin S
      Inspired by a recent question.
      Image Crop Ratios
      Allows preset aspect ratios to be defined per image field for the ProcessWire image crop tool.
      The module adds a select dropdown to the crop tool. Choose an aspect ratio and the crop area will be fixed to that ratio.
      Screencast

      Installation
      Install the Image Crop Ratios module.
      Configuration
      Default aspect ratios for all image fields can be defined in the module config. Aspect ratios for specific image fields can be defined on the Input tab of the field settings. You can override the ratio settings in template context if needed. Insert a hyphen as the first item in the ratio settings unless you want to force a ratio to be applied to the crop tool. The hyphen represents a blank option that allows a free crop area to be drawn. Usage
      Click the "Crop" link on the details view of an image thumbnail. Click the "Crop" icon at the top of the editor window. Choose an option from the "Ratio" select dropdown.  
      https://github.com/Toutouwai/ImageCropRatios
      https://modules.processwire.com/modules/image-crop-ratios/
    • By rushy
      Bit of a newbie type question, even though I've been using PW for quite a while, I've not had to manipulate assets from the front end before.  I now have a need to update image properties from the front end and I'm trying to update an image description and tags when clicking on a link. I get the selected image and for example I can delete it with the code below. But I am missing some basic understanding when updating image description field as nothing happens, no errors but the description field remains empty. Any idea what steps I am missing? Many thanks. 
      // how to update image description? $al = $pages->get($album); $pgfile = $al->images->getFile($file); $al->of(false); $pgfile->description = "Test description"; $al->save(); // to delete an image - this works $al->of(false); $al->images->delete($file); $al->save();  
    • By rushy
      Hi. I've been using Processwire for a few years now and installed it on a few different shared hosting servers without issues, but I'm now running into an issue on a Fasthosts shared server that I've not seen before. The installation goes ok and I have a working default site profile but I am unable to complete any uploads of images. It just hangs at the progress spinner during the upload. I thought it might be a priviledge issue so have temporarily set the dir / file privs. as 777 / 666 just to test that but it made no difference. I have no errors in the wire log. In server error log I have:
      set_time_limit() has been disabled for security reasons in ....htdocs/wire/core/ImageSizerEngine.php on line 1035 and i note in the assets/file dir. where the image is being stored the date on the file being created has a year of 1970 and 0 length. If I leave the page this file disappears and nothing has been stored. 
      Does anyone know how I can enable set_time_limit if this is likely to be the problem? 
      Many thanks! Paul
    • By Fanni
      Hi all, 
      I am having some issues uploading a PDF to our website (a problem we’ve had before).
      I have tried reducing the size of the PDF but the problem seems to be with generating the thumbnail image because the upload works under the Fallback mode but the thumbnail is terrible (see attached). 
      Does anybody have any advice about this? Please note that I'm not a developer. 
      Thanks!
       


×
×
  • Create New...