Question

从UWP Javascript应用程序中的特定本地文件夹访问图像和视频

我们要使用设备中特定文件夹中的图像和视频来创建滑块。

意味着，随着UWP应用程序启动，它应该从Uwp javascript应用程序中的Specific文件夹中获取内容（资产）。有办法吗？例如：我们要从d：/我的项目数据中获取内容。

<style>
        body {
            font: normal 0.9em Arial;
            color: #ddd;
            background: #FFFFFF;
        }

        header {
            display: block;
            font-size: 1.2em;
            margin-bottom: 100px;
        }

            header a, header span {
                display: inline-block;
                padding: 4px 8px;
                margin-right: 10px;
                border: 2px solid #000;
                background: #DDD;
                color: #000;
                text-decoration: none;
                text-align: center;
                height: 20px;
            }

            header span {
                background: white;
            }

        a {
            color: #7fa9fe;
        }
    </style>

<!DOCTYPE html>
<html>
<head>
    <title>Demo 4: jQuery Slideshow</title>
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <link href="css/thumbs2.css" rel="stylesheet" />
    <link href="css/thumbnail-slider.css" rel="stylesheet" />
    <script src="js/thumbnail-slider.js" type="text/javascript"></script>
    <script src="thumbnail-slider.js"></script>
    <body>
    <!--start-->
    <div style="padding:260px 0;background:#FFFFFF;">
        <div id="thumbnail-slider">
            <div class="inner">
               
                <ul>
                    <li>
                        <a class="thumb" href="img/1.jpg"></a>
                    </li>
                    <li>
                        <a class="thumb" href="img/2.jpg"></a>
                    </li>
                    <li>
                        <a class="thumb" href="img/3.jpg"></a>
                    </li>
                    <li>
                        <a class="thumb" href="img/4.jpg"></a>
                    </li>
                    <li>
                        <a class="thumb" href="img/5.jpg"></a>
                    </li>
                    <li>
                        <a class="thumb" href="img/6.jpg"></a>
                    </li>
                    <li>
                        <a class="thumb" href="img/7.jpg"></a>
                    </li>
                    <li>
                        <a class="thumb" href="img/8.jpg"></a>
                    </li>
                    <li>
                        <a class="thumb" href="img/9.jpg"></a>
                    </li>
                    <li>
                        <a class="thumb" href="img/10.jpg"></a>
                    </li>
                    <li>
                        <a class="thumb" href="img/11.jpg"></a>
                    </li>
                    <li>
                        <a class="thumb" href="img/2.jpg"></a>
                    </li>
                    <li>
                        <a class="thumb" href="img/3.jpg"></a>
                    </li>
                    <li>
                        <a class="thumb" href="img/4.jpg"></a>
                    </li>
                    <li>
                        <a class="thumb" href="img/5.jpg"></a>
                    </li>
                    <li>
                        <a class="thumb" href="img/6.jpg"></a>
                    </li>
                    <li>
                        <a class="thumb" href="img/7.jpg"></a>
                    </li>
                    <li>
                        <a class="thumb" href="img/8.jpg"></a>
                    </li>
                    <li>
                        <a class="thumb" href="img/9.jpg"></a>
                    </li>
                    <li>
                        <a class="thumb" href="img/10.jpg"></a>
                    </li>
                    <li>
                        <a class="thumb" href="img/11.jpg"></a>
                    </li>
                    <li>
                        <video width="350" height="350" autoplay="autoplay" loop="loop" display="inline-block;">
                            <source src="img/mcvideo.mp4" type="video/mp4" />
                        </video>
                    <li>
                        <video width="260" height="260" autoplay="autoplay" loop="loop" display="inline-block;">
                            <source src="img/SampleVideo_640x360_1mb.mp4" type="video/mp4" />
                        </video>
                    </li>
                    <li>
                        <video width="260" height="260" autoplay="autoplay" loop="loop" display="inline-block;">
                            <source src="img/small.mp4" type="video/mp4" />
                        </video>
                    </li>
            </ul>
            </div>
        </div>
       

    </div>
    <!--end-->
    <div style="max-width:700px;margin:0 auto 80px;background:#333;">
        

    </div>
</body>
</html>

Answer 1

能否请您告诉我如何使用StorageFile API访问图像和视频访问图像和

添加val功能之后，可以使用Windows Storage Api访问特定文件夹，例如uint32_t *mem磁盘。然后将图像文件转换为broadFileSystemAccess数据以进行显示。您可以参考以下内容。

如何从UWP Javascript应用程序中的特定本地文件夹访问图像和视频？

1 个答案: