码上敲享录 > 最全面的HTML入门教程 > 移动端页面如何调用手机摄像头拍照并上传图片

移动端页面如何调用手机摄像头拍照并上传图片

上一章章节目录下一章 2019-05-18已有1081人阅读 评论(0)

移动端页面如何调用手机摄像头拍照并上传图片


解决方法:

1.页面

<input type="file" accept="image/*" placeholder="点击上传" name="ipaddress" id="ipaddress"  >


2.js核心代码

$(document).on('click', "#ipaddress", function () {

              var this_ = $(this );


              var size = (this_[0].files[0].size / 1024).toFixed(2);

              //if(size <= 5120){

              var img = this_[0].files[0];

              var formData = new FormData();

              formData.append("imgFile",img);

             $.ajax({

                 type:"post",

                 url:"<?php echo ASSET_URL;?>kindeditor/php/upload_json.php",

                 data:formData,

                 cache: false,

                 processData : false,

                 contentType : false,

                 beforeSend: function(XMLHttpRequest){

                 },

                 success:function(data){

                     var msg = $.parseJSON(data);

                     if(msg.error==0){

                         var url=msg.url;

                         $("#ipaddress").val(url.replace("/assets/kindeditor/php/../../..",""));

                         this_.parent().find("img").attr("src",$("#ipaddress").val());

                     }else{

                         J.alert('提示',msg.message);

                     }


                 },

                 error:function(data){

                     alert(0);

                 }

             });

              });


向大家推荐《Activiti工作流实战教程》:https://xiaozhuanlan.com/activiti
向大家推荐《Java面试进阶指南》:https://xiaozhuanlan.com/javainterview?rel=6923152725
向大家推荐《GIS之家》:https://xiaozhuanlan.com/gishome?rel=6923152725
0

有建议,请留言!

  • *您的姓名:

  • *所在城市:

  • *您的联系电话:

    *您的QQ:

  • 咨询问题:

  • 提 交