Hi im trying to upload images files but everytime i push upload

i get this - Error: SyntaxError: Unexpected token <

pleas help and thx for any help.

I have been using Jquery-file-upload plugin with paperclip and S3 for quite a while now and I really like it. However, as the files I need to upload become bigger, uploading directly to S3 becomes my only choice.

This article demonstrates how to upload a single file to S3, unfortunately it doesn't do multiple files uploading.
https://github.com/blueimp/jQuery-File-Upload/wiki/Upload-directly-to-S3

so my question is, is it possible to iterate through a list of files and create a single post form for each file on the fly?

Or is it possible to create an independent form and then repopulate the field in each iteration?

Any tips are greatly appreciated.

It seems like it should be possible to retain the ICC and EXIF data by extracting the APP2 segment data from the original image and re-attach it to the resized image.

ICC Color Profiles? For those unfamiliar, let me explain: Perhaps you have heard of sRGB, RGB, CMYK, etc. These are color mappings that instruct devices how to render the colors. When this data is stripped from the image, the colors get all fucked up. Eg. CMYK image is upload, profile is stripped, server displays image, browser reads is as untagged RGB, displays in sRGB color space, resulting wrong colors. Blues shift to purple, grey to black, etc.

Normally the best way to manage mismatched color spaces is through conversion with Image Magick (reading the source profile and then converting to sRGB, which is a standardized color profile for computer monitors).

However, once the image has the ICC profile stripped with Canvas resize, the conversion cannot be peformed in Image magick because the original color space is unknown.

I've seen a solution for this (Grabbing the ICC info from the JPG header and reinserting it) in pupload: https://github.com/moxiecode/plupload/blob/master/src/javascript/plupload.html5.js

However, I have been unsuccessful thus far in integrating it.

I'm using basic example and keep getting "Empty file upload result" error although all files are uploading correctly. I checked permissions for "files" and "thumbnails" folders - it's okay too (I tried 775 and 777). Can somebody help me?

So I had the uploader setup and working just fine, or so I thought ... turns out it didn't work in IE because it (in all its iterations) does not support AJAX uploads. So I've been trying to get it to work with the options 'forceIframeTransport' set to true.

I have the basic plugin included, the iframe-transport file too ... and I have the upload script on the server returning text/html as advised in the documentation. I have it working ... almost ... all the variables are getting sent to the server properly except the actual file and I can't figure out why.

At first I thought it was just an IE thing, but with the 'forceIframeTransport' option set to true, google Chrome is doing the same thing.

I 'm worried that I might not fully understand what 'The Iframe Transport requires a file input selection to upload files.' means. I have a file input, which I'm using to add file info to the UI for each file selection ... is there something I'm missing?

Hello, I tried to setup codeigniter with new example, but I keep getting error when I click "Start Upload": Unable to load the requested file: upload.php

Images are uploaded in the uploads file, but the error is there (setup I made is the same as one in the example). Also, at the end of example author put following line: I had a problem with seeing images/thumbnails initially then I realized I had not set uploads/ directory in my .htacces file

I am new to .htacces, so I don't know how to do this part. Can someone help me?

When I'm trying to initialize the plugin on the file upload control

if('undefined' !== $.type($('input[type=file][name=userfile]')[0])) {
    var file_input = $('input[type=file][name=userfile]');

    file_input.fileUploadUI({
        uploadTable: $('#files'),
        buildUploadRow: function (files, index, handler) {
            return $('<tr><td>' + files[index].name + '<\/td>' +
                    '<td class="file_upload_progress"><div><\/div><\/td>' +
                    '<td class="file_upload_cancel">' +
                    '<button class="ui-state-default ui-corner-all" title="Cancel">' +
                    '<span class="ui-icon ui-icon-cancel">Cancel<\/span>' +
                    '<\/button><\/td><\/tr>');
        },
    });
}

it says: file_input.fileUploadUI is not a function

All the dependencies are present, either css or js files, Firebug shows them loaded and ready to run.

Some info: I'm using it in SugarCRM environment, so I've added the links to the files into the head part of the page, where the scripts and styles normally should be. The idea was to apply and initialize it to file upload control programmatically only in the case, when this control is present in the form. I don't want to apply this plugin to the whole form because this form is a part of Wizard step and any intervention into the form's normal functionality will destroy the wizard logic. The only task, the plugin can do for me is form-independent upload of the imported file before the user goes to the next Wizard step.

Also, the Steps load themselves via AJAX ($('#content_td').html(xhr.responseText)), so there is no place for $(function) like in the examples, because it requires the page to be reloaded to initialize it.

If it is not a bug and I'm doing anything wrong, please help me to figure out what it exactly is. Thank you.

Itry the new code on firefox and all go well, but if i try to upload a file on ie 8 a pop up show out asking me to download upload.php file. Anyone know why?

Great project, thank you!

However, I'm trying to implement the uploader. It works perfectly in FF, Chrome and Safari, but IE7, 8, 9 all fail to load the JSON response correctly.

My server-side uploader is correctly making the images on the server, but IE only returns Error: [object Error] highlighted in red, rather than the JSON return of thumbnail, url etc.

Are there any tips or guidance you can supply on trying to resolve or debug this IE only issue?

Hi, while trying to upload to distance server, im getting this error:

SCRIPT5: Access is denied. jquery.js, line 3241 character 6

When i comment iframe_transport.js and include xdr-transport.js i stop getting the error and the post request send but the file isnt (empty $_FILE on server) and i get this error: No conversion from text to iframe

Any ideas? Thanks.

This was an issue previously but was fixed but it appears it's back but with strange symptoms.

The scenario:

• Open the demo website in iOS 6 device (I am on latest version of 6)
• Upload a photo taken on the device
• Preview and final upload result have correct orientation on iOS in safari and used as img src: Image gallery - http://c.sampotts.me/RSlx Safari - http://c.sampotts.me/RTA6
• View it directly in a browser, no problems: http://c.sampotts.me/RSK1
• The problems start when you then use within a web page (img src): Chrome - http://c.sampotts.me/RSau Safari - http://c.sampotts.me/RT8z Firefox - http://c.sampotts.me/RSX1

It seems all orientations on iOS result in strange output.

Obviously this boils down to the EXIF orientation as regular portrait and landscape images taken with a DSLR are not an issue. I've not looked into it but I believe there are 8 possible EXIF orientation values, perhaps it's possible to reset the correct value. I'll look into it further and report back.

Using $.type is deprecated according to the jQuery Migration 3.3.2 tool.

See: https://github.com/jquery/jquery-migrate/blob/main/warnings.md#jqmigrate-jquerytype-is-deprecated

Cause: This method returns a string that indicates the type of the argument, for example "number" or "function". However, as the JavaScript language evolves this method has become problematic because new language constructs might require this function to either return a new string (potentially breaking existing code) or somehow map new constructs into existing strings (again, potentially breaking existing code). Examples of new recent JavaScript features include asynchronous functions, class constructors, Symbols, or functions that act as iterators.

Solution: Review code that uses jQuery.type() and use a type check that is appropriate for the situation. For example. if the code expects a plain function, check for typeof arg === "function".

Hello,

This is not so much a "bug" as trying to learn about something we observe and maybe understanding if there can be improvements.

We use client side resize in jquery upload to resize images to around 1200x825px height.

We've noticed that Firefox and Chrome have noticeably different image quality after resize, but both leave much more aliasing in angled lines than server side Imagick does with its default filters (Lanczos or Mitchell).

Is this something that can be improved somehow? Are some browsers better than others with client side resize, and what are they?

I took an image and uploaded with client side resize off, then with it "on" in Chrome and Firefox, and I cropped out a section from each sample to demonstrate the most obvious artifacts:

The angled line is the most obvious, but even if you look at the "psb speakers" logo you can clearly see the Imagic resize is cleaner than the other two, especially compared to Firefox which has the worst resize.

Is there any way to set the client side resize to use better or different resize algorithms?

There's been some work towards removing deprecated function usage over the last few months. It seems the below haven't been pointed out before, so here goes:

jQuery.isArray is deprecated; use Array.isArray

• https://github.com/blueimp/jQuery-File-Upload/blob/f5d629abdaf480fefad8ad823cb1e2c96805bd4e/js/jquery.fileupload-ui.js#L86

jQuery. isFunction() is deprecated. In most cases, its use can be replaced by typeof x === "function"

• https://github.com/blueimp/jQuery-File-Upload/blob/d2535157e6005eb3c37f7d0b0042462393139c5b/js/vendor/jquery.ui.widget.js#L134
• https://github.com/blueimp/jQuery-File-Upload/blob/d2535157e6005eb3c37f7d0b0042462393139c5b/js/vendor/jquery.ui.widget.js#L276

Bulk delete implementation simply looks up delete buttons of selected items in file list and triggers click on them.

https://github.com/blueimp/jQuery-File-Upload/blob/master/js/jquery.fileupload-ui.js#L638

Would be great if the delete requests get tracked and an event gets fired after bulk deletion completes.

Usecase is reloading of some parts of the page after bulk delete.

Hello,

When I'm uploading the attached photo and resizing the image using the 'imageMaxWidth' and 'imageMaxHeight' options, the image's colors are changed.

When I'm not using the above options or set them to 'Number.MAX_SAFE_INTEGER', the colors are the same as the original image.

Here is the original image:

Here is the result after uploaded to your demo site (which using 'imageMaxWidth' and 'imageMaxHeight'):