Javascript Using a copied image in listview issue

Question

My listView: 

 <div id="employeeList" data-win-control="WinJS.UI.ListView" data-win-options="{itemDataSource : myData.dataSource, 
                            itemTemplate: select('#employeeTemplate'), 
                            selectionMode: 'none', tapBehavior: 'invoke', layout: { type: WinJS.UI.GridLayout, maxRows: 1 } } ">
                    </div>

My template: 

 <div id="employeeTemplate" data-win-control="WinJS.Binding.Template">
                    <div style="width: 238px; height: 340px;" >
                        <div class="containerEmployee" id="containerEmployee">
      
                           <img src="#" width="250" height="340" data-win-bind="src : txPath" />
                            <div class="divName">
                                <!-- Displays the "title" field. -->
                                <h1 data-win-bind="innerText: txName"></h1>
                                <!-- Displays the "text" field. -->
                            </div>
                        </div>
                    </div>
                </div>

and there's the issue: 
when I use an image that is in project , it works fine... 

myData.push({
                    key: cursor.key,
                    txName: cursor.value.txName,
                    txPathImagem: "images/logo.png"
                });

however, if I try to use an image that user's previously uploaded, like this:

var applicationData = Windows.Storage.ApplicationData.current;
    var localFolder = applicationData.localFolder;

 arrayE.push({
                    key: cursor.key,
                    txName: cursor.value.txName,
                    txPath: localFolder + "\\" + cursor.value.txPath                    
                });

// log = txPath: C:\Users\alex\AppData\Local\Packages\82e21540-f595-48ed-8321-899dbd927076_kn9g90yz1j63m\LocalState\0.8469254213794696.jpg

it does not show the image. I have searched a lot looking for a solution, can someone help me on this??

Answer 1

I will help you debug this yourself...

What do you see in the debugger when you look at the value of localFolder?

-Jeff

---

Jeff Sanders (MSFT)

Answer 2

LocalFolder = C:\Users\alex\AppData\Local\Packages\82e21540-f595-48ed-8321-899dbd927076_kn9g90yz1j63m\LocalState\

cursor.value.txPath  = 0.8469254213794696.jpg

---

Alex Nosse

Answer 3

Looks like your code would add an extra '\'

 C:\Users\alex\AppData\Local\Packages\82e21540-f595-48ed-8321-899dbd927076_kn9g90yz1j63m\LocalState\\0.8469254213794696.jpg

Also Can you browse to the image using windows explorer?

-Jeff

---

Jeff Sanders (MSFT)

Answer 4

the first \ is a escape to the second \...

if I wrote 

 txPath: localFolder + "\" + cursor.value.txPath

the code won't execute, because it have a sintax error... 

Yes, i can see the image in windows explorer...

There's some restriction around absolute paths in list view data binds? 

---

Alex Nosse

Answer 5

I meant eliminate it.

LocalFolder = C:\Users\alex\AppData\Local\Packages\82e21540-f595-48ed-8321-899dbd927076_kn9g90yz1j63m\LocalState\

cursor.value.txPath = 0.8469254213794696.jpg

txPath: localFolder + "\\" + cursor.value.txPath                   

txtPath = C:\Users\alex\AppData\Local\Packages\82e21540-f595-48ed-8321-899dbd927076_kn9g90yz1j63m\LocalState\\ 0.8469254213794696.jpg

---

Jeff Sanders (MSFT)

Answer 6

Oh, I see... 

sorry, I didn't notice early... 
I eliminated it, but it still doesn't work... 

* So, can you give me some directions how to put absolute paths in image src inside a listview?

---

Alex Nosse

Answer 7

Hi Alex,

I should have noticed earlier... You cannot have a full file path.

For an image source in your local directory you would do something like this:

img.src = "image.png"

---

Jeff Sanders (MSFT)

Answer 8

I'm giving users a way to upload their own images, and protect these images to be manually deleted, for this I use 

var localFolder = Windows.Storage.ApplicationData.current.applicationData.localFolder;

to store these images. 

you're saying there's no way to bind these images to my listview, is that correct??

---

Alex Nosse

Answer 9

Try this

var localFolder = "ms-appdata:///local/";

http://msdn.microsoft.com/en-us/library/windows/apps/windows.storage.applicationdata.localfolder.aspx

---

-Jeff

Answer 10

Thanks a lot!! 

---

Alex Nosse