Photos not showing in popup #661

HerbFargus · 2018-07-19T05:16:36Z

Qgis2Web Version: 3.1.1
QGIS Version: 3.0.2-Girona
Platform: Windows 10

I apologise in advance if this is a user error, if so disregard.

In my case I have a field with a list of URLS and I want the URLS to show up as a photo in the popup instead of an HTML Link.

Here is the layer:
test.zip

QGIS 3 is a bit different and has an attachment widget with options to specify an image or web view whereas qgis2.X just has a photo and web view widget on their own

If I set it to web view:

Using Identify in QGIS yields the following which is ideally how it will look in the web map:

If I export the layer in leaflet or openlayers I just get a clickable link:

If I set it to image:

basically the same, just a clickable link:

I'm not sure if this is due to the changes in QGIS3, or if I am misunderstanding how it is supposed to work (maybe I'm missing a setting?). I can manually generate HTML tables if I need to but I presume that automation is the main intent for the plugin.

Let me know if you need anything else, I'm happy to provide any logs or additional testing as needed.

The text was updated successfully, but these errors were encountered:

tomchadwin · 2018-07-19T05:54:03Z

Others have reported this (https://twitter.com/SylMaithya/status/1012380722148139009), but there doesn't seem to be an issue here, so thanks for opening this.

My problem is that I can't investigate because I'm getting a QGIS crash when I set the widget type to Attachment. I've opened a QGIS issue:

https://issues.qgis.org/issues/19118

Until the QGIS issue is fixed, I can't really make any progress.

magerlin · 2018-08-21T10:54:33Z

Same issue here - and no problems setting widget type to Attachment
Win 7 64bit, QGIS 3.2.2
QGIS2Web 3.2.0

magerlin · 2018-08-21T11:11:39Z

Please note: Same problem is when using QGIS version 2.18.23 and setting widget type to Photo (or Web, my photos are on another web server)

BenDienstl · 2018-09-14T09:07:04Z

Hallo,

I had the same problem with my photos and i fixed it.

Openlayers:

Step 1:
Chose the widget type "Attachment" for the photos.
and write the photoname into the column like you did - redwood.jpg

To view the photos in the browser you have to go into the created js-files after exporting from qgis.

Step 2:

Go to the folder layers and open the layers.js and change

lyr_UmsetzungStecken2017_14.set('fieldImages', {'OBJECTID': 'Hidden', 'HR': 'TextEdit', 'ID': 'TextEdit', 'Shape_Leng': 'Hidden', 'Photo': 'ExternalResource', });

to

lyr_UmsetzungStecken2017_14.set('fieldImages', {'OBJECTID': 'Hidden', 'HR': 'TextEdit', 'ID': 'TextEdit', 'Shape_Leng': 'Hidden', 'Photo': 'Attachment', });

Step 3:

Go to the folder resources and open the qgis2web.js file

search for the popup

and change

if (layer.get('fieldImages')[currentFeatureKeys[i]] != "Photo") {
popupField += (clusterFeature.get(currentFeatureKeys[i]) != null ? Autolinker.link(String(clusterFeature.get(currentFeatureKeys[i]))) + '' : '');
}
to

if (layer.get('fieldImages')[currentFeatureKeys[i]] != "Attachment") {
popupField += (clusterFeature.get(currentFeatureKeys[i]) != null ? Autolinker.link(String(clusterFeature.get(currentFeatureKeys[i]))) + '' : '');
}

after this this, you can view the photos in the browser

Leaflet:

with the Leaflet_framework, you only have to open the index-file and search for the popupContent and change

\ Photo
' + (feature.properties['Photo'] !== null ? Autolinker.link(String(feature.properties['Photo'])) : '') + '\ \

to

\

\ \

Ben

BenDienstl · 2018-09-14T09:10:12Z

sorry

Leaflet:
change

\ Photo
' + (feature.properties['Photo'] !== null ? Autolinker.link(String(feature.properties['Photo'])) : '') + '\ \

to

\

jukos · 2019-01-31T10:09:53Z

@BenDienstl or any other user with this knowledge

Leaflet:
change
\ Photo
' + (feature.properties['Photo'] !== null ? Autolinker.link(String(feature.properties['Photo'])) : '') + '\ \

to

\

to.....?
please write a text, I can not see the image....
Thank you and greetings

jukos · 2019-05-08T16:03:05Z

Hello Tom,
any news?
You have created this ticket
https://issues.qgis.org/issues/19118
before 11 month......
Can I/we hope for the next version? Do you know anything?

To set attachments with images/videos for qgis2web, I must use QGIS 2.18.....but I would like work with QGIS 3.

Thank you for response.

Jürgen

Edit:
QGIS version 3.4.8: Still with the same bug. Hard to believe.....

codefr3sh · 2019-08-29T13:27:00Z

sorry

Leaflet:
change
\ Photo
' + (feature.properties['Photo'] !== null ? Autolinker.link(String(feature.properties['Photo'])) : '') + '\ \

to

![](images/' + (feature.properties['Photo'] !== null ? Autolinker.link(String(feature.properties['Photo'])) : '') + ')
\

@BenDienstl can you please explain the "to" part? It appears to be linking to an image of some sort. When I hover over the link it shows the same information as the "from" part.

Thanks!

apenzin · 2019-09-11T18:59:13Z

Hallo,

I had the same problem with my photos and i fixed it.

Openlayers:

Step 1:
Chose the widget type "Attachment" for the photos.
and write the photoname into the column like you did - redwood.jpg

To view the photos in the browser you have to go into the created js-files after exporting from qgis.

Step 2:

Go to the folder layers and open the layers.js and change

lyr_UmsetzungStecken2017_14.set('fieldImages', {'OBJECTID': 'Hidden', 'HR': 'TextEdit', 'ID': 'TextEdit', 'Shape_Leng': 'Hidden', 'Photo': 'ExternalResource', });

to

lyr_UmsetzungStecken2017_14.set('fieldImages', {'OBJECTID': 'Hidden', 'HR': 'TextEdit', 'ID': 'TextEdit', 'Shape_Leng': 'Hidden', 'Photo': 'Attachment', });

Step 3:

Go to the folder resources and open the qgis2web.js file

search for the popup

and change

if (layer.get('fieldImages')[currentFeatureKeys[i]] != "Photo") {
popupField += (clusterFeature.get(currentFeatureKeys[i]) != null ? Autolinker.link(String(clusterFeature.get(currentFeatureKeys[i]))) + '' : '');
}
to

if (layer.get('fieldImages')[currentFeatureKeys[i]] != "Attachment") {
popupField += (clusterFeature.get(currentFeatureKeys[i]) != null ? Autolinker.link(String(clusterFeature.get(currentFeatureKeys[i]))) + '' : '');
}

after this this, you can view the photos in the browser

Leaflet:

with the Leaflet_framework, you only have to open the index-file and search for the popupContent and change
\ Photo
' + (feature.properties['Photo'] !== null ? Autolinker.link(String(feature.properties['Photo'])) : '') + '\ \

to
\

![](images/' + (feature.properties['Photo'] !== null ? Autolinker.link(String(feature.properties['Photo'])) : '') + ')
\ \

Ben

Dear Ben,

Worked perfectly. I would like to know the code to link the thumbnail images of the popup with the image display at its original size and resolution in another tab in the browser. Is it possible?

I only tested on openlayers.

Amadeu

jukos · 2019-09-24T08:20:40Z

Hello,
it looks like that the issue is solved:
qgis/QGIS#26948

Yes, this should bring images in popups back to life in qgis2web. However, no doubt there will be issues at the qgis2web end by now, as I've not looked at that code for a long time. Now that we have the QGIS bug fixed, and once you have a working version of QGIS with that fix, let's continue the discussion back on the qgis2web repo.
(Tom Chadwin)

@tomchadwin
To testing the improvement (+ possible adjustments within qgis2web) you must wait for the next QGIS version, or it is for you possible to test it earlier than
3.10.0 | 3.4.13 | | 2019-10-25 ?

Greetings, Jürgen

tomchadwin · 2019-09-24T08:23:09Z

@jukos You can install the nightly, and test with that - that should have the upstream QGIS fix in it.

jukos · 2019-09-24T08:24:10Z

Could you give me the link to "nightly"?
Thank you
edit: https://www.qgis.org/de/site/forusers/alldownloads.html#qgis-nightly-release
but not for windows....or linux?

tomchadwin · 2019-09-24T08:30:40Z

You can install the nightly via the OSGeo installer: https://qgis.org/en/site/forusers/alldownloads.html#windows

CAVEAT: I can take no responsibility for the installation of QGIS versions on your machine - please ensure you read up and understand how to do what you need.

jukos · 2019-09-24T15:41:42Z

Hmm. I have tried the weekly version

QGIS-OSGeo4W-3.9.0-38-Setup-x86.exe	24-Sep-2019 15:14	411M

without success (button is there, no crash.....but no image within qgis2web - same as before...). Only this version I could test. Problems with the other one.
I do not know, if the improvement is included in this weekly version...

Maybe another one can do any test. I think I must waiting to the regular qgis version.

Edit:
qgis/QGIS#26948
from me:

@m-kuhn
Is the new improvement included within this weekly-version?:
QGIS-OSGeo4W-3.9.0-38-Setup-x86.exe | 24-Sep-2019 15:14 | 411M |

answer from m-kuhn:

I assume so, yes.

I try it again.........

jukos · 2019-09-25T07:16:07Z

Tom Chadwin:
qgis/QGIS#26948:

Now that we have the QGIS bug fixed, and once you have a working version of QGIS with that fix, let's continue the discussion back on the qgis2web repo.

(only) my test on the actual weekly 3.9 version: no button crash, but not yet images for qgis2web
I hope you can use this version for your analysis to get back the images.....
I hope also you have time the next days/weeks.

Greetings

jukos · 2019-10-05T08:31:18Z

@ Tom Chadwin
It is possible to have the qgis2web photo / image function for qgis3 for the next qgis version

LTR/PR	3.10.0	3.4.13		2019-10-25

What do you think?

Thank you for answer and greetings

m-kuhn mentioned this issue Sep 25, 2019

Crash when clicking browse button in attachment edit widget (PLEASE RE-ADD THE BUTTON) qgis/QGIS#26948

Closed

tomchadwin closed this as completed in 1d9a8a3 Oct 24, 2019

hpethen mentioned this issue May 22, 2024

qgis2web plugin produces a webmap with an 'image' icon instead of the attached image. #1071

Closed

Provide feedback

Saved searches

Use saved searches to filter your results more quickly

Photos not showing in popup #661

Photos not showing in popup #661

HerbFargus commented Jul 19, 2018 •

edited

Loading

tomchadwin commented Jul 19, 2018

magerlin commented Aug 21, 2018

magerlin commented Aug 21, 2018

BenDienstl commented Sep 14, 2018

BenDienstl commented Sep 14, 2018

jukos commented Jan 31, 2019 •

edited

Loading

jukos commented May 8, 2019 •

edited

Loading

codefr3sh commented Aug 29, 2019

apenzin commented Sep 11, 2019 •

edited

Loading

jukos commented Sep 24, 2019

tomchadwin commented Sep 24, 2019

jukos commented Sep 24, 2019 •

edited

Loading

tomchadwin commented Sep 24, 2019

jukos commented Sep 24, 2019 •

edited

Loading

jukos commented Sep 25, 2019 •

edited

Loading

jukos commented Oct 5, 2019

Photos not showing in popup #661

Photos not showing in popup #661

Comments

HerbFargus commented Jul 19, 2018 • edited Loading

tomchadwin commented Jul 19, 2018

magerlin commented Aug 21, 2018

magerlin commented Aug 21, 2018

BenDienstl commented Sep 14, 2018

BenDienstl commented Sep 14, 2018

jukos commented Jan 31, 2019 • edited Loading

jukos commented May 8, 2019 • edited Loading

codefr3sh commented Aug 29, 2019

apenzin commented Sep 11, 2019 • edited Loading

jukos commented Sep 24, 2019

tomchadwin commented Sep 24, 2019

jukos commented Sep 24, 2019 • edited Loading

tomchadwin commented Sep 24, 2019

jukos commented Sep 24, 2019 • edited Loading

jukos commented Sep 25, 2019 • edited Loading

jukos commented Oct 5, 2019

HerbFargus commented Jul 19, 2018 •

edited

Loading

jukos commented Jan 31, 2019 •

edited

Loading

jukos commented May 8, 2019 •

edited

Loading

apenzin commented Sep 11, 2019 •

edited

Loading

jukos commented Sep 24, 2019 •

edited

Loading

jukos commented Sep 24, 2019 •

edited

Loading

jukos commented Sep 25, 2019 •

edited

Loading