js上传图片预览选择图片功能特效代码下载


js上传图片预览选择图片功能特效代码下载
js上传图片预览选择图片功能特效代码下载以及上传图片、预览选择、图片功能等js/jquery网页特效代码下载。

1. 引入JS

<script src="./plugins/ewViewer.js"></script>
<script src="./js/index.js"></script>

2. HTML代码

    <div id="list-image"></div>
    <div id="result">
        点击开始选择吧!
    </div>
    <div id="list-button">
        <button class="upload-btn btn" id="upload-btn" type="button">
            上传
            <input type="file" id="upload-input" class="upload-input" multiple>
        </button>
        <button class="start-btn btn" id="start-btn" type="button">开始</button>
        <button class="stop-btn btn" id="stop-btn" type="button">停止</button>
        <button class="reset-btn btn" id="reset-btn" type="button">重置</button>
        <button class="origin-btn btn" id="origin-btn" type="button">还原</button>
    </div>
    <script>
        let page = new Page({
            data: [
                {
                    url: "./image/1.jpg",
                    text: "1"
                },
                {
                    url: "./image/2.jpg",
                    text: "2"
                },
                {
                    url: "./image/3.jpg",
                    text: "3"
                },
                {
                    url: "./image/4.jpg",
                    text: "4"
                },
                {
                    url: "./image/5.jpg",
                    text: "5"
                }
            ]
        });
    </script>

相关推荐

发表评论

相关文章

js上传图片取色器插件

2020-03-06 浏览:1