html5 如何调用手机相册

html5 如何调用手机相册,第1张

需要加载cordova.js

方法:

document.addEventListener("deviceready", onDeviceReady, false)

function onDeviceReady() {

pictureSource = navigator.camera.PictureSourceType

destinationType = navigator.camera.DestinationType

}

//相册

function fromCamera()

{

var source = pictureSource.PHOTOLIBRARY

navigator.camera.getPicture(function (imageData) {

setimg(imageData)

}, function (message) {

if (source == pictureSource.CAMERA)

alert('加载照相机出错!' + message)

else

alert('加载相册出错!' + message)

}, {

quality: 50,

destinationType: destinationType.FILE_URI,

sourceType: source

})

}

//拍照

function EditImgPz()

{

navigator.camera.getPicture(function (imageData) {

setimg(imageData)

}, function (message) {

alert(message)

}, {

quality: 50,

destinationType: navigator.camera.DestinationType.FILE_URI,

sourceType: Camera.PictureSourceType.CAMERA,

allowEdit: true,

encodingType: Camera.EncodingType.JPEG,

popoverOptions: CameraPopoverOptions,

saveToPhotoAlbum: true

})

}

需要准备的材料分别有:电脑、浏览器、html编辑器。

1、首先,打开html编辑器,新建html文件,例如:index.html,编写问题基础代码。

2、在index.html中的<script>标签,输入js代码:

function fun() {

var a = Math.random() * 5

$('img').attr('src', 'image' + a + '.jpg')

}

3、浏览器运行index.html页面,此时点击图片会换一张图片。

概念解释: 是Icon file的缩写,是Windows的图标文件格式的一种

1.制作ico格式的图片一个上传到服务器的根目录图片保存为favicon.ico

2.制作网站ico格式的图片的要求:大小16px * 16px,制作软件最好用photoshop当然有些难度,专业ico软件有

icon sushi 1.18 Beta 1

Icon sushi 精致小巧的图标编辑程序,能将 *.bmp 档案转成 *.ico 的图示编辑工具,此外它更可以处理 Windows XP 用的图示文件

Picture To Icon 1.90

能将图片或屏幕的一部分转化为ICON图标,调整图标大小以及从资源库中提取icon。支持BMP, JPEG, GIF, CUR, WMF

魔法ICO 1.00

这是一个简单、小巧的图标工具,它为您提供以下功能:

1) 把.BMP和.PNG格式的图片批量转换成图标;

2) 从.EXE可执行文件中提取图标。

2.在网站的<head></head>标签之间加这样一句代码

<link rel="shortcut icon" type="image/x-icon" href="你的网站地址/favicon.ico" />


欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/zaji/6101336.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-03-14
下一篇 2023-03-14

发表评论

登录后才能评论

评论列表(0条)

保存