Move image between image fields

[Robin S]

Does anyone have any tips to share for moving an image from one image field to another on the same page in Page Edit?

I know it can be done with the API but it seems like there should be some way via the admin interface. Like adding an image to an image field by pasting a URL - is that possible via the core or a module?

[dragan]

hmm, if you mean "moving" = moving image from image field A to B (and deleting the image from the source field A), I wouldn't know.

But if you mean "moving" = duplicating an image from image field A to B (leaving the source image in source field A), then simply right-clicking on the source image, copy the image URL, and adding it that way would work. (at least with a really quick test on Chrome / Win)

Not sure what the big picture in your scenario really is though...

[Robin S]

1 minute ago, dragan said:

right-clicking on the source image, copy the image URL, and adding it that way would work

That would be fine, but how do you add an image to an image field via a URL? I feel like I've read something here in the forums about doing this but looking at the image field interface I can't see how it's possible. There is only the "Choose file" button for uploading an image and the drag-and-drop zone.

[adrian]

18 minutes ago, Robin S said:

how do you add an image to an image field via a URL?

Does this help? http://modules.processwire.com/modules/import-external-images/

I feel like it would be nice to also have the option to paste in a URL to an image directly into the images field as well though - maybe it could be extended?

[Macrura]

the latest version also has an option to specify a field containing an image URL;

this way you can copy image urls off the web, paste into that field and it adds it to the images field (specified in the module config);

does the images field have a place to paste a URL - would that need to be added with a hook?

 

[adrian]

1 minute ago, Macrura said:

does the images field have a place to paste a URL

Not currently

2 minutes ago, Macrura said:

would that need to be added with a hook?

that was my thought of how to achieve it

[Macrura]

right - got it; i haven't pushed the new features to the import module yet, as still testing, will push it soon, maybe next week; i will look at how to add an input to the image, but adding input field to inputfield is something i've never tried yet...

[dragan]

14 hours ago, Robin S said:

but how do you add an image to an image field via a URL? I feel like I've read something here in the forums about doing this but looking at the image field interface I can't see how it's possible. There is only the "Choose file" button for uploading an image and the drag-and-drop zone.

Just click on "add new image", and paste the URL.

[Robin S]

12 hours ago, dragan said:

Just click on "add new image", and paste the URL.

Thanks, I discovered this myself while I was experimenting yesterday, but it seems less than ideal for a couple of reasons.

1. When you do this, it seems that the image is first downloaded to your local disk, then uploaded to the site. This makes it unnecessarily slow for larger images or on slow connections.

2. The filename of the image is not preserved as per the original. On Windows Chrome at least, every filename gets "_1" appended to it.

But on the positive side this approach does allow for client-side resizing.

 

I had a go at a module that allows images to be added to a field via pasted URLs:

I had a few concerns about the approach because the page and image field are identified by values that could potentially be manipulated client-side. But I've included some checks that hopefully mitigate this.

Another niggle is that the API method $page->images_field->add() is surprisingly relaxed about what it will add to an images field. It doesn't seem to do any validation against the field settings or even disallow non-images from being added to an images field. So all the validation must be done independently (@Macrura, this might be something that affects your module too). I think I've accounted for most things, but if you guys will take a look and let me know if you spot any potential issues that would be great. 

Because the browser is not involved in the upload, no client-side resizing is possible but is done server-side instead (for max width/height settings).

 

[kongondo]

19 hours ago, dragan said:

Just click on "add new image", and paste the URL

I can't find this 'add new image'. Could you please post a screenshot? Thanks.

Edited December 8, 2017 by kongondo

[gmclelland]

Me too.  Please post a screenshot.

[Robin S]

@kongondo, @gmclelland, I think @dragan is referring to pasting the URL in the OS dialog you get after clicking "Choose file":

[dragan]

yep