HTML5中如何使用Plus实现手机APP拍照或相册选择图片上传功能

这篇文章给大家分享的是有关HTML5中如何使用Plus实现手机APP拍照或相册选择图片上传功能的内容。小编觉得挺实用的,因此分享给大家做个参考,一起跟随小编过来看看吧。

十年的壶关网站建设经验,针对设计、前端、开发、售后、文案、推广等六对一服务,响应快,48小时及时工作处理。营销型网站的优势是能够根据用户设备显示端的尺寸不同,自动调整壶关建站的显示方式,使网站能够适用不同显示终端,在浏览器中调整网站的宽度,无论在任何一种浏览器上浏览网站,都能展现优雅布局与设计,从而大程度地提升浏览体验。创新互联公司从事“壶关网站设计”,“壶关网站推广”以来,每个客户项目都认真落实执行。

利用HTML Plus的Camera、GalleryIO、Storage和Uploader来实现手机APP拍照或者从相册选择图片上传。Camera模块管理设备的摄像头,可用于拍照、摄像操作,通过plus.camera获取摄像头管理对象。Gallery模块管理系统相册,支持从相册中选择图片或视频文件、保存图片或视频文件到相册等功能。通过plus.gallery获取相册管理对象。IO模块管理本地文件系统,用于对文件系统的目录浏览、文件的读取、文件的写入等操作。通过plus.io可获取文件系统管理对象。Storage模块管理应用本地数据存储区,用于应用数据的保存和读取。应用本地数据与localStorage、sessionStorage的区别在于数据有效域不同,前者可在应用内跨域操作,数据存储期是持久化的,并且没有容量限制。通过plus.storage可获取应用本地数据管理对象。Uploader模块管理网络上传任务,用于从本地上传各种文件到服务器,并支持跨域访问操作。通过plus.uploader可获取上传管理对象。Uploader上传使用HTTP的POST方式提交数据,数据格式符合Multipart/form-data规范,即rfc1867(Form-based File Upload in HTML)协议。 

XML/HTML Code复制内容到剪贴板

  
  
   
    
    
    
    
    
  HTML5 Plus 拍照或者相册选择图片上传  
    
    
    
    
    
    
    
    
    
    
   .del {   
    position: absolute;   
    top:1px;   
    right: 1px;    
    display: block;         
       line-height: 1;   
       cursor: pointer;   
       color:#fff;   
    }   
  
   .del:hover {   
    color:#ff3333;   
   }   
    
    
   
   
    
   拍照或者相册选择图片上传  
    
    
   
                       
                               
         
                 
                  

效果图:

HTML5中如何使用Plus实现手机APP拍照或相册选择图片上传功能

HTML5中如何使用Plus实现手机APP拍照或相册选择图片上传功能

HTML5中如何使用Plus实现手机APP拍照或相册选择图片上传功能

HTML5中如何使用Plus实现手机APP拍照或相册选择图片上传功能

感谢各位的阅读!关于“HTML5中如何使用Plus实现手机APP拍照或相册选择图片上传功能”这篇文章就分享到这里了,希望以上内容可以对大家有一定的帮助,让大家可以学到更多知识,如果觉得文章不错,可以把它分享出去让更多的人看到吧!


本文名称:HTML5中如何使用Plus实现手机APP拍照或相册选择图片上传功能
网站链接:http://azwzsj.com/article/jeoegc.html

其他资讯