hi,欢迎访问本站!
当前位置: 首页Web前端正文

jquery调用相机拍照并上传的方法

墨初 Web前端 155阅读

下面说一下利用jquery调用相机拍照,并将拍照后的图片上传到后台的方法,大家可以参考一下。

jquery调用相机并拍照的方法

例:

var cameraArea = $("#camera-area");
//获取用于显示图片的DOM对象
var imageEl = $("#image-preview");
//调用摄像头拍照
cameraArea.on("click", function(){
    navigator.camera.getPicture(uploadPhoto, onFail, { quality: 50, destinationType: Camera.DestinationType.FILE_URI });
});
//上传图片
function uploadPhoto(imageURI) {
    //将图片显示出来以供预览
    imageEl.attr("src", imageURI);
    //使用jquery的ajax方法上传图片
    var options = new FileUploadOptions();
    options.fileKey="file";
    options.fileName=imageURI.substr(imageURI.lastIndexOf('/')+1);
    options.mimeType="image/jpeg";
    //构造FormData对象并上传
    var ft = new FileTransfer();
    ft.upload(imageURI, encodeURI("https://www.73so.com/upload"), successCallback, errorCallback, options);
}
function onFail(message) 
{
    alert('Failed because: ' + message);
}
function successCallback()
{
    alert("上传成功")
}
function errorCallback()
{
    alert("上传失败")
}

以上就是利息js脚本中调用相机程序拍照并将相片上传到后台的方法,大家可以参考一下。

声明:无特别说明,转载请标明本文来源!
相关推荐