1. This site uses cookies. By continuing to use this site, you are agreeing to our use of cookies. Learn More.

XF 1.4 User friendly image Upload

Discussion in 'XenForo Questions and Support' started by gektor, Sep 23, 2014.

  1. gektor

    gektor Member

    Hi!

    I've bought and installed XenForo last week. It's amazing!

    My current challenge: Some Users want to use their iPhones to upload Photos (8 Megapixel) with ease, but the server space and the end user bandwidth is limited.

    Now I'm desperately looking for an Extention which will optimize all the images, which user uploads according to a JPG Quality and Pixel Size setting, e.g. 1080p, 95%.

    My Wordpress already does the automatic post processing it perfectly using Imsanity Plugin: https://wordpress.org/plugins/imsanity/

    I've found this Thread, where a user describes a very nice strategy, but it doesn't contain a guide, only a showcase: https://xenforo.com/community/threa...server-side-image-resizing-for-xenforo.41566/

    I've also found this Extention, but it ssems to handle already uploaded images only and it seems to need constant Admin action (or do I misunderstand the description?): https://xenforo.com/community/resources/image-resizer.2923/

    I also use Easy Watermark Plugin in my Wordpress. Does XenForo has such Plugin? https://wordpress.org/plugins/easy-watermark/

    I, of course, can't just use my nice Wordpress Plugins. What a pity.

    I would be glad to receive some advise from you, guys.
    Thank you!
     
  2. Chris D

    Chris D XenForo Developer Staff Member

    There is already a setting for this.

    Admin CP > Options > Attachment Options

    The max dimensions setting means if an upload exceeds those dimensions, the image will be automatically resized to those dimensions (it maintains the aspect ratio).
     
  3. gektor

    gektor Member

    Wow, now XenForo has literally everything I need! Thank you! :love:
     
  4. gektor

    gektor Member

    It works perfectly on a desktop PC (Upload was 3mb, final file - only 300kb), but the file upload will freeze on an iPhone and will return an error (wrong file type (image%3A33867), although it's jpg) on an android device.
     
  5. Chris D

    Chris D XenForo Developer Staff Member

    On an iPhone, if it's iOS 8 and Safari then this is a new bug that appeared in iOS 8 and is purely a browser issue. It is awaiting on Apple to fix it.

    Can't comment on the Android issue, but sounds like an issue with the way it is handling the file names - basically also likely an Android issue.
     
  6. gektor

    gektor Member

    I see.

    On Android, I have different options in the standard browser (which is different on every android system):
    Screenshot_2014-09-23-22-13-51.png

    The first option opens a camera app. If I make a picture then, I can upload it and it works.

    The last option opens a file system where I can choose a picture. This fails.

    Our iPhone is the newest one and it has the same problem as Android:
    IMG_0475.PNG

    It seems, that these Browsers are not capable of proper upload.

    Do you perhaps have any other Idea on how our mobile Users can upload their images?

    Thank you!
     
  7. Chris D

    Chris D XenForo Developer Staff Member

    I have never heard issues with Android before. Generally using mobile devices to upload should work fine.

    As I said, the iOS 8 one is a bug in Safari that needs an Apple fix, before iOS 8 it worked fine. In the meantime, the workaround is to install the Chrome browser in iOS 8 which is not susceptible to the same bug.

    Trying a different browser, e.g. Chrome on the Android device may help.
     
  8. gektor

    gektor Member

    I'm using latest Cyanogenmod on Samsung Galaxy Note 1. Perheps it has the same kind of bug in a standard browser.

    We will do more tests on different devices and browsers.
     
  9. gektor

    gektor Member

    Chrome on Android can upload the pictures. Well, that's the problem of the so called "mobile Browsers" then, not XenForo!

    Thank you for helping me understand XenForo. It's an extremely well made Software!
     
  10. gektor

    gektor Member

    I have another question: Can I somehow restrict the file size differently for different file types? e.g. Users should be able to upload 300k zips but 8mb jpgs, which will be resized on server.
     
  11. Mike

    Mike XenForo Developer Staff Member

    That would require custom development, though note that the dimension resize happens before the file size check.
     
  12. gektor

    gektor Member

    Ok, thank you @Mike! Now, I probably completely understand the wohle deal of uploading in XenForo. I've managed to configure my upload now and I'm happy.

    I'm now using HTML5 Uploader extention and the user experience is great. With the standard uploader it's not quite as good, because what a user sees first is the limitation, e.g. 300kb. Now, a user thinks, he or she can not upload a full sized image. But it's possible and it's a truly great feature! I think this feature needs more attention in the backend and the frontend.

    Again: Thank you guys and keep up the great work!
     
    shorepower likes this.
  13. gektor

    gektor Member

    Apple released an update and the upload on iPhone 6 works now.
     
  14. Neil E.

    Neil E. Active Member

    I'm happy to see that XF can resize images during an image upload.

    What was needed to use this HTML5 uploader? Does it change the look of anything during the process? I'm wondering about the availability and appearance of the upload controls for a mobile user as was discussed in this topic: Has anyone implemented server side image resizing for Xenforo?
     
  15. gektor

    gektor Member

    I'm using the HTML5 Uploader Plugin and the mobile UX is good. Tested on Android and iOS.

    The plugin shows a percentage of the upload of every file. The insertion of the uploaded pictures into text is unchanged.
     
  16. Neil E.

    Neil E. Active Member

    So just as in this support forum, the mobile user clicks on "Upload a File" (or "More Options" then "Upload a File"). Then a browse computer/device wiundow appears to select the desired file. The only thing the plugin adds is an upload progress indicator?
     

Share This Page