js 获取图片尺寸,javascript中怎么获取手机相册并上传

本章内容给大家谈谈关于遇上javascript中怎么获取手机相册并上传等问题，我们该怎么处理呢。下面这篇文章将为你提供一个解决思路，希望能帮你解决到相关问题。

一、获取手机相册

1、使用HTML5的File API和input标签来实现获取手机相册的功能，代码如下：

2、使用FileReader API来读取文件，读取的文件可以是图片，代码如下：


var reader = new FileReader();
reader.readAsDataURL(input.files[0]);
reader.onload = function(e) {
    // 读取成功后执行的操作
}

3、使用HTML5的Media Capture API来实现获取手机相册的功能，代码如下：


navigator.device.capture.getPicture(function(imageData) {
    // 获取图片成功后执行的操作
}, function(message) {
    // 获取图片失败后执行的操作
}, {
    limit: 2
});

1、使用FormData对象来上传图片，代码如下：


var formData = new FormData();
formData.append('file', file);

2、使用XMLHttpRequest对象来发送请求，代码如下：


var xhr = new XMLHttpRequest();
xhr.open('POST', '/upload', true);
xhr.send(formData);

3、使用jQuery的Ajax来发送请求，代码如下：


$.ajax({
    url: '/upload',
    type: 'POST',
    data: formData,
    processData: false,
    contentType: false
});

以上就是为你整理的javascript中怎么获取手机相册并上传全部内容，希望文章能够帮你解决相关问题，更多请关注本站相关栏目的其它相关文章！