html使用JQ调用移动端端相册功能的实现

之前逛论坛看见有人对js原生调取相册功能的解释，自己又用JQ谢了一遍，最主要还是将input属性tepy设置为file，上代码：
html部分：

<form id="form1" runat="server"><input type='file' id="imgInp" /><div><img id="blah" src="#" alt="显示您上传的商品图片" /></div></form>

js部分：
别忘了引JQ文件

function readURL(input) {if (input.files && input.files[0]) {var reader = new FileReader();reader.onload = function(e) {console.log(e)$('#blah').attr('src', e.target.result);}reader.readAsDataURL(input.files[0]);}}$("#imgInp").change(function() {readURL(this);});

移动端：
不需要特殊环境，使用input标签 type值为file，可以调用系统默认的照相机、相册、摄像机、录音功能。先上代码：

<input type="file" accept="image/*" capture="camera">
<input type="file" accept="video/*" capture="camcorder">
<input type="file" accept="audio/*" capture="microphone">

accept表示打开的系统文件目录
capture表示的是系统所捕获的默认设备，camera：照相机；camcorder：摄像机；microphone：录音；
其中还有一个属性multiple，支持多选，当支持多选时，multiple优先级高于capture，所以只用写成：就可以，可以在手机上测试一下。
记得再加一个判断，让这个input更合理。

html使用JQ调用移动端端相册功能的实现相关推荐

android调用相机与相册的方法,手把手教你：android调用系统相机、相册功能，适配6.0权限获取以及7.0之后获取URI(兼容多版本)...
Android中调用系统相机来拍摄照片的代码,以下:html 一.首先设置Uri获取判断以及相机请求Codejava public final int TYPE_TAKE_PHOTO = 1;//Ur ...
调用移动端相机以及相册功能
HTML5页面如何在手机端浏览器调用相机.相册功能最近在做一个公司的保险信息处理系统项目,开发微信端浏览器访问的HTML5的页面,页面中有一个标签,iOS直接就支持吊起相机拍照或是相册选择,但and ...
nacos集成dubbo实现远程服务调用多服务端2
文章目录一.版本选取.需求和项目简述 1. 版本选取 2. 项目模块说明 2. 需求说明二.需求实战-依赖初始化 2.1. 创建maven父工程EShopParent 2.2. 创建子模块Dubb ...
php调用打印机,web端调用打印机方案总结(示例代码)
背景新零售业务开始以来,一些线下商品上架售卖的同时,要明确售卖价格,前期人工人肉写标签贴上商品售卖价,容易产生疏忽,导致所标售卖价与收银所收价格不统一,造成顾客疑惑(据说还因为被投诉,上了新闻-_ ...
手把手教你用JQ调用ajax（附免费永久后台URL）
关于jQ的Ajax操作前沿关于AJAX(百度百科) JQ调用AJAX实例 1.jQuery的load()方法 2.jquery的getJSON方法 3.jquery的$.get()方法 4.jqu ...
vue怎么获取用户的位置经纬度_vue 实现Web端的定位功能获取经纬度
首先我这里的需求呢, 是获取当前用户的经纬度经过无数次的测试, 先后用了腾讯/百度地图的api,最后绝对还是高德的js APi 废话不多说, 直接上代码. 首先在 index.html 里面引入 ...
微信境外支付php_PHP实现 APP端微信支付功能
前面已经写了手机APP支付宝支付,今天再把手机APP微信支付补上,前期的准备工作在这里就不多说了,可以参考微信支付开发文档,一定要仔细阅读开发文档,可以让你少踩点坑:准备工作完成后就是配置参数,调用统 ...
ipad android tv,先河私有云持续大动作：继iPad/Android TV端/系统分享功能后，还有新玩法？...
原标题:先河私有云持续大动作:继iPad/Android TV端/系统分享功能后,还有新玩法? 由5.1劳动节伊始,勤劳的先河小蜜蜂们(先河研发人员)可是忙疯了! 首先是经过连日来的挑灯夜战,5月18 ...
【复盘】端端，棒棒哒！
Scratch竞赛交流群已成立(适合6至18周岁的青少年),公众号后台回复[Scratch],即可进入.如果加入了之前的社群不需要重复加入. 微信后台回复"资料下载"可获取以往学习 ...
如何快速实现移动端短视频功能？
在"互联网+"概念被炒的如火如荼的今天,短视频以视频短.传播快.生产流程简单.制作门槛低.参与性强等特点在互联网所有的热门的焦点中脱颖而出,出现在公众的视野里.那么如何快速实现移动 ...

html使用JQ调用移动端端相册功能的实现

html使用JQ调用移动端端相册功能的实现相关推荐

最新文章

热门文章