摄像图库

调用方法

  1. var pictureSource; // picture source
  2. var destinationType; // sets the format of returned value
  3. document.addEventListener("deviceready",onDeviceReady,false);
  4. function onDeviceReady() {
  5. pictureSource=navigator.camera.PictureSourceType;
  6. destinationType=navigator.camera.DestinationType;
  7. }
  8. function onPhotoDataSuccess(imageData) {
  9. var smallImage = document.getElementById('smallImage');
  10. smallImage.style.display = 'block';
  11. smallImage.src = "data:image/jpeg;base64," + imageData;
  12. }
  13. // Called when a photo is successfully retrieved //
  14. function onPhotoURISuccess(imageURI) {
  15. var largeImage = document.getElementById('largeImage');
  16. largeImage.style.display = 'block';
  17. largeImage.src = imageURI;
  18. }
  19. // A button will call this function //
  20. function capturePhoto() {
  21. //navigator.camera.getPicture(onPhotoDataSuccess, onFail, { quality: 50,destinationType: destinationType.DATA_URL });
  22. navigator.camera.getPicture(onPhotoDataSuccess,onFail, { quality: 50,destinationType: destinationType.DATA_URL })
  23. }
  24. // A button will call this function //
  25. function capturePhotoEdit() {
  26. //navigator.camera.getPicture(onPhotoDataSuccess, onFail, { quality: 20, allowEdit: true, destinationType: destinationType.DATA_URL });
  27. navigator.camera.getPicture(onPhotoDataSuccess,onFail,{ quality: 20, allowEdit: true,destinationType: destinationType.DATA_URL })
  28. }
  29. // A button will call this function //
  30. function getPhoto(source) {
  31. //navigator.camera.getPicture(onPhotoURISuccess, onFail, { quality: 50, destinationType: destinationType.FILE_URI, sourceType: source });
  32. navigator.camera.getPicture(onPhotoURISuccess,onFail,{ quality: 20, destinationType: destinationType.FILE_URI,sourceType: source })
  33. }
  34. // Called if something bad happens. //
  35. function onFail(message) {
  36. alert('Failed because: ' + message);
  37. }

用例github下载地

更多参见

文档更新时间: 2018-01-15 14:12