cjssdk预览图片

① H5+和mui开发的app，拍照完成后如何将拍到的照片在页面中形成预览图

function getImage(){

plus.camera.getCamera().captureImage(function(p){

outLine('成功：'+p); //p就是拍摄图片所保存的相对路径

plus.io.resolveLocalFileSystemURL(p, function(entry){

createItem(entry);

},

function(e){

outLine('读取拍照文件错误：'+e.message);

});

},

function(e){

outLine('失败：'+e.message);

},

{filename:'_doc/camera/',index:1}); //图片保存路径设置

}

filename就是设置图片保存路径，doc前带“_”表示相对路径，好像这里的相对路径不支持直接预览，要用绝对路径才行。

以下是ZIP部分的文档，供参考：

支持以下图片路径：

相对路径 - 相对于当前页面的host位置，如"a.jpg"，注意当前页面为网络地址则不支持；

绝对路径 - 系统绝对路径，如Android平台"/storage/sdcard0/Android/data/io.dcloud.HBuilder/.HBuilder/apps/HBuilder/www/a.jpg"，iOS平台"/var/mobile/Containers/Data/Application/757966CF-345C-4348-B07F-EEF83CF9A369/Library/Pandora/apps/HBuilder/www/a.png"；

相对路径URL(RelativeURL) - 以"_"开头的相对路径，如"_www/a.jpg"、"_doc/b.jpg"、"_documents/c.jpg"、"_downloads/d.jpg"；

本地路径URL - 以“file://”开头，后面跟随系统绝对路径。

② 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事件就能实现~~~

③ javascript判断指定文件夹的图片是否存在

<div>
<selectname="imagesList"id="imagesList">
<optionvalue="">请选择图片...</option>
<optionvalue="https://gss0..com/-fo3dSag_xI4khGko9WTAnF6hhy/image/h%3D300/sign=/.jpg">我是能显示的图片1</option>
<optionvalue="https://gss0..com/-Po3dSag_xI4khGko9WTAnF6hhy/image/h%3D300/sign=/.jpg">我是能显示的图片2</option>
<optionvalue="1dsakjodksjakjxx.xxx">我是不能显示的图片</option>
</select>
</div>

<div>
<imgid='a'src='https://gss0.bdstatic.com/7Ls0a8Sm1A5BphGlnYG/sys/portrait/item/28ced0c7b3bd6871a81c.jpg?20180330052556'/>变换图片
</div>
<div>
<imgid='b'src='https://gss0.bdstatic.com/70cFsj3f_gcX8t7mm9GUKT-xh_/avatar/100/r6s1g8.gif'/>
默认图片
</div>
<script>
window.addEventListener('DOMContentLoaded',function(){
vara=document.getElementById('a')
varb=document.getElementById('b')
varimages=document.getElementById('imagesList')
images.onchange=function(e){
varindex=e.target.options.selectedIndex
varvalue=e.target.options[index].value
if(!value)return
a.src=value
}

a.onerror=function(e){//a图片载入失败时候处理，例如一张不存在的图片
varconfirm=window.confirm('点击确定将会显示默认图片，取消则会返回')
if(confirm){
a.src=b.src//document.getElementById('b').src的地址传给a.src
}else{
alert(e.type)
}
}
})
</script>

④ js/css如何将弹出的图片放在网页的最上层

1．在同一个div中，编写如下图所示的一段代码，并在这段代码中设版置dive的宽度和高度，以权便文本具有特定的范围。