图片预览

最新推荐文章于 2018-06-22 11:16:56 发布

lu900618

最新推荐文章于 2018-06-22 11:16:56 发布

阅读量238

点赞数

CC 4.0 BY-SA版权

分类专栏： thinkphp

本文链接：https://blog.youkuaiyun.com/lu900618/article/details/54583838

thinkphp 专栏收录该内容

10 篇文章

订阅专栏

本文介绍了一个名为 uploadPreview.min.js 的插件使用方法，该插件可以实现在用户选择文件后立即预览所选商品图片的功能。通过简单的 HTML 和 JavaScript 代码示例，展示了如何集成此插件到网页中。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

插件：uploadPreview.min.js

            <tr>
                <th>商品图片</th>
                <td><input type="file" name="f_goods_image" id="f_goods_image"/>
                    <div id="f_goods_image_div">
                        <img src="" alt="" id="f_goods_image_img" height="100">
                    </div>
                </td>
            </tr>
            <script type="text/javascript">
                $(function () {
                    new uploadPreview({
                        UpBtn: "f_goods_image",
                        DivShow: "f_goods_image_div",
                        ImgShow: "f_goods_image_img"
                    })
                })
            </script>

插件官网