jquery选择图片,jquery图片预览

怎么用jquery或者javascript实现:如图1的那个按钮，可以让上传或预览图片？

1、点击图1的那个按钮可以让用户选择上传的图片，选择了一张就在按钮前面预览，如果用户不想上传某张图片可以点击x取消，再点击上传按钮可以接着选择图片上传。

2、设置选择图片的按钮的 click 事件，去触发 #upload_file 的 click 事件，然后就可以点击图片按钮后，选择本地图片文件了。

3、设置上传按钮，其实一般手机版网页是没有上传按钮的，即选择图片后就通过 Ajax 上传图片了。

相关问答

Q1: 使用jquery如何实现图片自动更换而且是定时的

!DOCTYPE html

html

head

    style type="text/css"

        .box {

            width: 200px;

            height: 200px;

            margin: 100px auto;

            border: 1px solid pink;

        }

        .box img {

            display: inline-block;

            width: 100%;

            height: 100%;

        }

    /style

/head

body

div class="box"

    img src=""

/div

script src=""/script

script type="text/javascript"

    $(function () {

        var imgArr = [

            "./img/0.png",

            "./img/1.png",

            "./img/2.png",

            "./img/3.png",

            "./img/4.png",

        ];

        $(".box img").attr("src", imgArr[0]);

        var i = 0;

        setInterval(function () {

            i++;

            if (i  imgArr.length - 1) {

                i = 0

            }

            $(".box img").attr("src", imgArr[i]);

        }, 2000);

    })

/script

/body

/html

上面是代码：

实现原理是通过间隔定时器，每过2秒去设置img的src属性。

imgArr是保存图片的数组，当每一张图片都展示后重头再开始

imgArr的值是一张张图片我这里是在img文件夹下放了5张图片，题主可以根据自己的需求选择网上或者本地图片。

代码效果：

Q2: 怎么通过jquery选择div的背景图片

选择不了的，背景图片不是html元素，他是其他元素的一个属性，只能设置