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的寬度和高度，以權便文本具有特定的范圍。