How to remove the _Thumbnail1.jpg from thumbnail image name

API of Image Uploader 7 is not the same as API of Image Uploader 6. Now you need use key property like in this code snippet:

 as3.converters( [
        {
            //...other params...
            key: "${filename}",
            //...other params...
        }
    ]
})

You are able to find details of new API in our documentation.

Please let me know if you have any questions.

Unfortunately, I am not savvy in upload to Amazon S3. I discussed your problem with our engineer. Actually, changing thumbnail names is impossible in upload to Amazon storage, and the way you implemented in your script is incorrect to avoid it. You may try this workaround.

You are able to use BeforeSendRequest event where you need to add custom filed like with Image Uploader 6.5:

u.addCustomField('key',  Folder  + SourceName);

Please note, you should call this event after AmazonS3 extender.

It should work okay if you upload the both converters to the same folder.

According to your script listed above, you upload source files and thumbnails in different folders. You need to implement some script, which allow separating these converters to different folders, e.g. the first uploaded file is source file and should be saved in origin/ folder, the second one is thumbnail and should be saved in thumb/ folder, etc. That it files with odd numbers are saved in origin/, even ones are saved in thumb/.

If something is unclear, please let us know.

Your beforeSendRequest function looks fine and it should work. But the main point of the workaround is the beforeSendRequest handler should be added after the AmazonS3Extened handler. And we need to do some work to get it done:

1. Override PreRenderComplete method of the page with Image Uploader ASP.NET control in the server-side code.

protected override void OnPreRenderComplete(EventArgs e)
{
	base.OnPreRenderComplete(e);
	Uploader1.ClientEvents.Add(new ClientEvent(
		ClientEventNames.PreRender, "onPreRender"));
}

2. Add onPreRender event handler in the client-side code and add beforeSendRequest event handler from it.

function onPreRender() {
	this.events().beforeSendRequest().add(onBeforeSendRequest);
}

3. In the onBeforeSendRequest function use addCustomField method to add key field with file name value.

var i = 0;
var folders = [
	'ImageUploader7/small/',
	'ImageUploader7/large/',
	'ImageUploader7/original/'
];
function onBeforeSendRequest() {
	var fileName = this.files().get(0).name();
	this.metadata().addCustomField('key', folders[i] + fileName);
	i = (i + 1) % 3;
}

Note, that my onBeforeSendRequest expect, that 3 converters are used.

If you upload only 2 then change last line to i = (i + 1) % 2; and remove last element from folders array.

Hope it helps.

Looked at you attached file and the order of the preRender event handlers is wrong:

preRender: [ onPreRender, function() {var u = this, as3 = new $au.amazonS3Extender(u);...}] }

onPreRender function should be after. Can you please post your VB.NET code? And also check that you add PreRender event in the OnPreRenderComplete function.

1. Quote:

   The file extension is lost.

   It is a known issue of Java version. name property like in the script:

   Code:

    
   …
   var fileName = this.files().get(0).name(); 
   …

   returns just name of file without its extension. It will be fixed in the next minor release of Image Uploader 7. Sorry for this.

   As a workaround, you can add file extinction to its name like in the code:

   Code:

   function onBeforeSendRequest() {
       var fileName = this.files().get(0).name();
       this.metadata().addCustomField('key', folders[i] + filename + “.jpg”);
       i = (i + 1) % 3;
   }

2. Quote:

   If uploading several files one time, the last one cannot be uploaded. For example, if I upload two photos, only the first one is uploaded. If I uploaded four photos, only the first three photos are uploaded.

   This problem is very strange. Could you please test it uploading files to local server, not to AmazonS3? And then let us know whether the problem occurs locally. Also, please provide us with Image Uploader configuration.

Looking forward to your reply.

The issue only occurs when I try to keep the filename when uploading to s3. If I remove the script of changing filename, it can work properly in FireFox(java version). However in my case it will lose the last file when uploading several files by using Firefox(java version). I attached two html files here. One has no javascript code and can upload all files. The other has javascript code to keep filename but will lose last file.

Thanks

Lei

File Attachment(s):

UnzipIt.zip (26kb) downloaded 5 time(s).

Thank you for your comments. We are glad that the problem has been resolved :)

I will let you know as soon as the next update of Image Uploader 7 will be released. If you have any questions, please post them here.