首页 > 解决方案 > 如何在 ionic 4 MYSQL & PHP 中将图像上传到数据库?

问题描述

我希望你能帮助我我想在我的数据库中插入图像的名称并将文件上传到我的服务器但我不知道该怎么做

找到了 ionic 3 的教程,但它在 ionic 4 中不起作用,我是这方面的新手。

该教程可以在以下名称下找到:“如何在 ionic 3 app 中将图像从图库和相机上传到数据库”

有谁知道怎么做?

我已经能够修复 Camara 上传和图库访问权限,但是“上传”我收到很多错误,我猜这是因为版本

Upload(){

  var headers = new Headers();

  headers.append(“Accept”, ‘application/json’);

  headers.append(‘Content-Type’, ‘application/json’ );

  let options = new RequestOptions({ headers: headers });

    let data = {

      image:this.base64Image

    };

  let loader = this.loading.create({

  content: ‘Processing please wait…’,

});

loader.present().then(() => {

this.http.post(‘http://ionicdon.com/mobile/upload_data.php’,data,options)

.map(res => res.json())

.subscribe(res => {

 loader.dismiss()

 if(res==”Successfully_Uploaded”){

   let alert = this.alertCtrl.create({

     title:”CONGRATS”,

    subTitle:(res),

    buttons: [‘OK’]

     });

         alert.present();

 }else {

  let alert = this.alertCtrl.create({

  title:”ERROR”,

  subTitle:”Image could not be uploaded”,

  buttons: [‘OK’]

  });

  alert.present();

   }

 });

 });

  }

一般出现的错误是所有代码都没有重新识别任何东西

标签: phpmysqlangularionic-frameworkionic4

解决方案


需要 HTTPS

我注意到您正在尝试发布到http://ionicdon.com/mobile/upload_data.php. 据我所知,最新版本的 Android 需要 https,除非您已完成特殊设置说明。

新手学习曲线

如果您是新手,那么我不建议您尝试按照 Ionic 3 教程来构建 Ionic 4 应用程序。

很多小事情都发生了变化,很难知道哪些位(只要看看重大更改文档有多长)。

火力基地

通过寻找 Firebase 教程开始,您可能会取得更大的成功。

这对新手很友好,因为它为您处理所有服务器端的东西,并使您可以轻松地实现您需要的登录和安全性。很可能您找到的任何图像上传教程都只会做普通的演示风格的事情“哦,这是如何将图像放在服务器上,不要忘记保护它,这超出了教程的范围”。

有慷慨的免费资源限制,所以如果你只是在学习,你有喘息的空间,当你达到付费限制时,你将能够通过你的观众获利,或者你将更有经验并准备好解决你的写作问题自己的服务器端的东西。


推荐阅读