本文目录一览:
怎么用jquery或者javascript实现:如图1的那个按钮,可以让上传或预览图片?
1、点击图1的那个按钮可以让用户选择上传的图片,选择了一张就在按钮前面预览,如果用户不想上传某张图片可以点击x取消,再点击上传按钮可以接着选择图片上传。
2、设置选择图片的按钮的 click 事件,去触发 #upload_file 的 click 事件,然后就可以点击图片按钮后,选择本地图片文件了。
3、设置上传按钮,其实一般手机版网页是没有上传按钮的,即选择图片后就通过 Ajax 上传图片了。
JS怎么实现图片预览效果
form action="" method="post" enctype="multipart/form-data" name="form1"
img src=" " name="image" border=0 id="img"/
br /
input name="picture" type="file" id="picture" onchange="img.src=this.value" /
/form
不需要按钮,直接触发onchange事件就能实现~~~
如何用JS语句显示图片?
需要准备的材料分别有:电脑、html编辑器、浏览器。
1、首先,打开html编辑器,新建html文件,例如:index.html。
2、在index.html中的script标签,输入js代码:$('body').append('img src="" /');。
3、浏览器运行index.html页面,此时图片被js成功显示到页面上。