zoukankan      html  css  js  c++  java
  • cordova图片上传,视频上传(上传单个图片,单个视频)

    友情提示:

    如果保证项目当中只会一次上传一张图片的可以不用下列方法:

    只用下载Cordova-plugin-camera获取到图片或视频即可,将他们转化为base64格式,再将base64转化为File中,再将File放进formdata当中就可以上传,

    如果不能保证,就用下列方法:

    其他获取多张图片的插件会默认将cordova-plugin-file安装,这样会改变js当中的file格式,所以放到formdata中上传会出错,如何修改请看上传多张图片

    1.下载插件

    cordova plugin add cordova-plugin-file-transfer  //上传图片插件(一次只能上传一张)

    cordova plugin add cordova-plugin-camera        //获取图片,视频插件,一次只可以获取一张

    cordova plugin add cordova-plugin-file              //会改变js中的file格式

    2.获取图片,视频

    navigator.camera.getPicture((imageData)=>{
          console.log(imageData)
    //上传图片视频的函数
    uploadImage(imageData) },(err)
    =>{ console.log(err) },{ //配置 destinationType: Camera.DestinationType.FILE_URI, sourceType: Camera.PictureSourceType.PHOTOLIBARY, allowEdit: true })

    配置API:https://www.w3cschool.cn/cordova/cordova_camera.html

    3.上传

    function uploadImage(fileURL){
              var ft = new FileTransfer()
              var options = new FileUploadOptions()
          //对应后台的字段 options.fileKey
    = 'avatar' options.fileName = fileURL.substr(fileURL.lastIndexOf('/') + 1); var uri = '上传的地址' ft.upload( fileURL, encodeURI(uri), (msg)=>{ console.log('SUCCESS:') console.log(msg) }, (err)=>{ console.log('ERROR:') console.log(err) }, options ) },

    配置api:https://www.javascriptcn.com/read-60998.html

  • 相关阅读:
    Terminologies in MVC: Part 2 (Razor Engine Syntax vs Web Form)
    what is diff. b/w app state & session state
    ASP.NET Web Pages (Razor) FAQ
    _AppStart.cshtml 和 _PageStart.cshtml的妙用
    系统编程--信号
    系统编程--进程间通信
    系统编程--进程
    系统编程--标准IO
    系统编程--文件IO
    网络--路由表&IP选路
  • 原文地址:https://www.cnblogs.com/guan-shan/p/11579837.html
Copyright © 2011-2022 走看看