Share multiple storage files' problem

Question

I need to share multiple storage files to share target. Just like the Microsoft Photo app in Windows 8, we can select several pictures and share in charm bar, and share target can receive these storage files.

My file is not from picker, instead I have an normal array of storage files.

I found the share target receives storage file items object.

The problem is how to match the storage file items object with the share source without using multiple file picker. 

How to finish this contract?

Thanks

---

Sun Bin

Answer 1

I'm not sure what you mean by matching the objects. Can you explain in more detail what you are looking for?

Also see How to share files .

--Rob

Answer 2

Hi Rob, 

Thanks for your attention. Here is my javascript code for share source:

// share
    var dataTransferManager;

    function registerForShareContract() {
        dataTransferManager = Windows.ApplicationModel.DataTransfer.DataTransferManager.getForCurrentView();
        dataTransferManager.addEventListener("datarequested", shareDataRequested);
    }

    function unRegisterForShareContract() {
        dataTransferManager.removeEventListener("datarequested", shareDataRequested);
    }

    function shareDataRequested(e) {
        var request = e.request;
        getAllSelectedPhotos().done(function () {
            var photoList = Context.selectedPhotoList;
            if (Context.vender == 'local') {

                // check 3 photos and no more than 5MB here
                if (photoList.length <= 3) {     // need to check size no more than 5MB 

                    var storageFileList = [];
                    for (var i = 0; i < photoList.length; i++) {
                        var photo = photoList[i];
                        var act = vender.getFileObject('local', photo.albumID, photo);
                        act.then(function (file) {
                            storageFileList.push(file);
                            // check 
                            if (i == (photoList.length - 1)) {
                                request.data.properties.title = 'photo';
                                request.data.properties.description = "...";
                                request.data.setStorageItems(storageFileList);
                            }
                        }, function (e) {
                            console.log("getFileObject " + e);
                        });
                    }

                } else {
                    console.log('Selected more than 3 photos or size is more than 5MB.');
                }


            } else {
                var html;
                for (var i = 0; i < photoList.length; i++) {
                    html += "<p><img src=\"" + photoList[i].originalUrl + "\">.</p>";
                    var streamRef = Windows.Storage.Streams.RandomAccessStreamReference.createFromUri(new Windows.Foundation.Uri(photoList[i].originalUrl));
                    request.data.resourceMap[photoList[i].originalUrl] = streamRef;
                }

                request.data.properties.title = "Share Photos by Html";
                request.data.properties.description = "Online photos.";
                var htmlFormat = Windows.ApplicationModel.DataTransfer.HtmlFormatHelper.createHtmlFormat(html);
                request.data.setHtmlFormat(htmlFormat);

            }
        });


    }

js code for share target:

// StorageItems
        if (shareOperation.data.contains(Windows.ApplicationModel.DataTransfer.StandardDataFormats.storageItems)) {
            shareOperation.data.getStorageItemsAsync().done(function (storageItems) {
                var fileList = "", notSupportNames = [];
                StorageFileList = storageItems;
                for (var i = 0; i < storageItems.size; i++) {
                    var storageItem = storageItems.getAt(i);
                    if (storageItem.fileType == '.jpg' || storageItem.fileType == '.jpeg' || storageItem.fileType == '.jpe') {
                        fileList += storageItem.name;
                        var img = document.createElement('img');
                        img.src = window.URL.createObjectURL(storageItem);
                        img.className = "sharedPhotoList";
                        var imgArea = $('#imageArea');
                        imgArea.append(img);
                        imgArea.show();

                        if (i < storageItems.size - 1) {
                            fileList += ", ";
                        }
                    } else {
                        notSupportNames.push(storageItem.name);

                    }
                }

                //for (var i = 0; i < storageItems.length; i++) {
                //    var storageItem = storageItems[i];
                //    if (storageItem.fileType == '.jpg' || storageItem.fileType == '.jpeg' || storageItem.fileType == '.jpe') {
                //        fileList += storageItem.name;
                //        if (i < storageItems.length - 1) {
                //            fileList += ", ";
                //        }
                //    } else {
                //        notSupportNames.push(storageItem.name);

                //    }
                //}


                if (notSupportNames.length) {
                    document.getElementById("shareDiv").style.display = "none";
                    
                    var html = '';
                    for (var i = 0; i < notSupportNames.length; i++) {
                        html += notSupportNames[i] + "<br>";

                    }
                    output.innerHTML = html + 'File(s) typle is not supported.';
                } else {

                    displayContent("StorageItems: ", fileList, false);
                    output.innerHTML = "";
                    $('#Upload2Snapfish').show();
                }
            });
        }

In share source code, 

request.data.setStorageItems(storageFileList);

I set an array list to storageItems, but I cannot get storageItems in share target side. Because in share target side, the storageItems is an object, not an array. 

---

Sun Bin

Answer 3

I got it. 

I did not set the title and description for share sourse

---

Sun Bin