topic Re: How to add the picture in the Mashup in App Development

How to add the picture in the Mashup

wangxusq — Mon, 19 Mar 2018 06:28:21 GMT

Hi all,

I created a mashup based the basic mashup template.Then I put a picture D:\QlikShare\StaticContent\Extensions\DemoTest(This is my mashup extension path).

Then I used the code <img src="index.jpg" alt="welcome" /> in my HTML.

But when I review the page on the server, the picture not show.

If I double-click the HTML file in the folder ,the picture can display.

So what's wrong?Please help. How to use the picture in the mashup?

Re: How to add the picture in the Mashup

Chanty4u — Mon, 19 Mar 2018 06:53:48 GMT

try to give full path of image and try

<img src="d:/sample/index.jpg" alt="welcome" /> i

Re: How to add the picture in the Mashup

wangxusq — Mon, 19 Mar 2018 06:59:32 GMT

Thanks for your response.

I tried it, but stil failed. Any idea?

Re: How to add the picture in the Mashup

Chanty4u — Mon, 19 Mar 2018 07:01:10 GMT

you have to redirect the image path

Re: How to add the picture in the Mashup

wangxusq — Mon, 19 Mar 2018 07:06:48 GMT

Maybe, I tried many kinds of paths,but still failed.

So I want to know anything wrong? Need to load picture to server? If so ,how to?

Re: How to add the picture in the Mashup

Chanty4u — Mon, 19 Mar 2018 07:10:03 GMT

picture should be in server .

i think that qlikshare folder is in server only right?

Re: How to add the picture in the Mashup

jonathandienst — Mon, 19 Mar 2018 07:10:25 GMT

Some things to look at:

Did you try "D:\QlikShare\StaticContent\Extensions\DemoTest\index.jpg"?
Is 😧 a real drive or a mapped drive?
Does the QS server account have access to the path?

Re: How to add the picture in the Mashup

wangxusq — Mon, 19 Mar 2018 07:14:47 GMT

the picture path is my Mashup path, all files are in the QS default server.

Re: How to add the picture in the Mashup

Chanty4u — Mon, 19 Mar 2018 07:17:14 GMT

give image full path in the code and try below

delete the cache from the browser and try to check again ?

Re: How to add the picture in the Mashup

wangxusq — Mon, 19 Mar 2018 07:24:12 GMT

Yea, I tried the path,but no work. A real drive and QS server account have access to the path.

Can you try it on your server?

Thanks

Re: How to add the picture in the Mashup

wangxusq — Mon, 19 Mar 2018 07:25:20 GMT

Also tried, still failed.Now See below:

Can you try it on your QSserver? Thanks

Re: How to add the picture in the Mashup

ErikWetterberg — Mon, 19 Mar 2018 08:12:15 GMT

Hi,

If you reference it with <img src="index.jpg" it should be in the same directory as your html file, the main mashup directory. Make sure you include it in the zip file that you import on the server and it should work fine.

Note that this is the web server path, so there should be no D:, C: etc in the path.

Erik Wetterberg

Re: How to add the picture in the Mashup

wangxusq — Mon, 19 Mar 2018 08:24:29 GMT

Hi，

Thanks for your response.

Yes, it is in the same directory,the main mashup directory. I copy the picture file into the directory, this true?

Of course ,I also test the path like this:https://XXX/extensions/DemoTest/index.jpg.

But still failed. what's wrong?

Thanks.

Re: How to add the picture in the Mashup

ErikWetterberg — Mon, 19 Mar 2018 09:51:55 GMT

Hi,

There are two ways to define the path, relative or absolute. Just giving the filename, "xxxx.jpg" means that it should be in the same directory as the html file where the link is, so a relative path. That's easier in most cases. If you use an absolute path the path depends on if you use a virtual proxy (should be in the path), the name of the qext file (also in the path, after /extensions/).

Have you chacked the browser console for errors? Can you open the image if you just type in the path to the image in the browser??

Erik Wetterberg

Re: How to add the picture in the Mashup

wangxusq — Mon, 19 Mar 2018 10:08:48 GMT

Hi,

I used a relative path and the picture is in the same directory as the html file where the link is .

The message is as belows:

Re: How to add the picture in the Mashup

Chanty4u — Mon, 19 Mar 2018 10:09:54 GMT

the error says image not found

Re: How to add the picture in the Mashup

wangxusq — Mon, 19 Mar 2018 10:11:37 GMT

But the path is right.

See they are the same folder :

Re: How to add the picture in the Mashup

ErikWetterberg — Mon, 19 Mar 2018 10:15:23 GMT

And you have put the file 'index.jpg' in the extension zip file and imported it through the QMC? I don't think copying it straight into the directory on disk will work.

Erik Wetterberg

Re: How to add the picture in the Mashup

wangxusq — Mon, 19 Mar 2018 10:17:58 GMT

So you mean I must export zip file first and then imported the zip through the QMC?

Re: How to add the picture in the Mashup

ErikWetterberg — Mon, 19 Mar 2018 10:49:20 GMT

You might be able to add it through dev-hub but if not adding it to the extension zip file would do it. There is probably also a rest call you could make.

Erik Wetterberg