说，我有一个需求，就是一个临时功能。由于工作开发问题，我们有一个b项目，需要有一个商品添加的功能，涉及到添加商品内容，比如商品名字，商品描述，商品库存，商品图片等。后台商品添加的接口已经写完了，但是问题是目前没有后台页面，就是产品还没有出后台详细页面。前端已经完备了，上线了。后台还需要工作时间处理。所以目前的处理方法是在我们已经存在的a项目后台中，添加一个对b项目添加商品的功能。
一、当下问题
1、在我们已有的a项目中，新增一个添加商品的功能，这个本来是没有什么问题的，因为目前a项目中本身就已经连接了b项目的数据库，所以商品属性的新增和修改都没什么问题。主要是商品图片的上传这里，有点问题。b项目已经对外提供了上传图片的接口，但是由于我确实对前端不是特别熟悉。所以在a项目中的后台js中调取b项目的上传图片的接口时，一直提示”cors”,这里应该是存在一个跨域的问题，虽然我php接口端已经对跨域做了处理（入口文件处），但是貌似js这边也需要相应的调整。
// [ 应用入口文件 ]
//入口文件index.php
namespace think;
// 加载基础文件
require __dir__ . '/thinkphp/base.php';
// 支持事先使用静态方法设置request对象和config对象
header("access-control-allow-origin: *");
header("access-control-allow-headers: content-type,xfilename,xfilecategory,xfilesize,authorization");
// 执行应用并响应
container::get('app')->bind('api')->run()->send();
2、无奈小白js功底不够扎实，所以我这边准备通过a项目中调取后台php接口，然后通过在php代码中接受web端参数，然后再转发，调取b项目中上传图片的接口，试图完成功能。于是先通过postman接口工具测试了一下b项目上传图片的接口是否有效。如图3，发现确实没有什么问题，于是就准备如此处理。
3、但是实际是，在调取时，我们常用的传参数方式是get或者post方式，但是我们知道文件上传是通过$_files接受，下面是b项目的上传图片的控制器代码（用的是tp5.1），接受是通过内置的file方式。
/**上传图片
* @param request $request
*/
public function uploadimg(request $request){
$file = $request->file('image');
$type = $request->post('type', 0);
// 移动到框架应用根目录/uploads/ 目录下
$upload_path = config('common.upload_path');
switch ($type) {
case 1://门店
$path = $upload_path['shop_img'];
break;
case 2://投票活动
$path = $upload_path['vote_img'];
break;
case 3://投票活动参赛图片
$path = $upload_path['vote_contestant_img'];
break;
case 4://会员店铺logo图片
$path = $upload_path['member_shop'];
break;
case 5://自营商品图片
$path = $upload_path['self_goods'];
break;
default:
$path = $upload_path['common'];
break;
}
$save_path = env('root_path').$path;
$info = $file->validate(['ext'=>'jpg,jpeg,png,gif'])->move($save_path);
if($info){
$return = [
'extension' => $info->getextension(),
'image_path' => $path.$info->getsavename(),
'image_name' => $info->getfilename(),
];
$this->apiresult(customerror::operation_succsess, $return);
}else{
$this->apiresult(customerror::operation_failed, [], $file->geterror());
}
}
4、所以在转发a项目web端传来的，文件内容，就有点不知所措了。该死，该死。
//文件上传接受参数
array(1) {
["file_upload"] => array(5) {
["name"] => string(8) "timg.jpg"
["type"] => string(10) "image/jpeg"
["tmp_name"] => string(22) "c:\windows\php73ce.tmp"
["error"] => int(0)
["size"] => int(355565)
}
}
5、所以按刚才设想的，简单做下转发还是不行，这里面参数的传输方式应该还有另外一种，就是文件的类型。鉴于是通过postman方式上传成功，这个工具确实很推荐多多学习，他不仅作为一个第三方中间为我们验证接口是否可用，更给我们提供了调取接口的各种代码damo,如图3中标识的code处，就是获取damo的按钮。我们点击可以看见postman给我提供了三种，调取接口的方式。
<?php
//1、httprequest 发送http请求
$request = new httprequest();
$request->seturl('http://jszapi.dev.jingjinglego.com/index.php/index/uploadimg');
$request->setmethod(http_meth_post);
$request->setheaders(array(
'cache-control' => 'no-cache',
'connection' => 'keep-alive',
'content-length' => '39091',
'content-type' => 'multipart/form-data; boundary=--------------------------296608706222243058746908',
'accept-encoding' => 'gzip, deflate',
'host' => 'jszapi.dev.jingjinglego.com',
'postman-token' => 'dc010150-b166-4dec-a33f-959a65c91c71,be7315cb-ae21-404f-89fa-dddf5973eb3a',
'cache-control' => 'no-cache',
'accept' => '*/*',
'user-agent' => 'postmanruntime/7.15.2',
'content-type' => 'multipart/form-data; boundary=----webkitformboundary7ma4ywxktrzu0gw'
));
$request->setbody('------webkitformboundary7ma4ywxktrzu0gw
content-disposition: form-data; name="image"; filename="785da43beca5a474.jpg"
content-type: image/jpeg
------webkitformboundary7ma4ywxktrzu0gw--');
try {
$response = $request->send();
echo $response->getbody();
} catch (httpexception $ex) {
echo $ex;
}
<?php
//2、pecl_http 需要开启pecl http 扩展
$client = new http\client;
$request = new http\client\request;
$body = new http\message\body;
$body->addform(null, array(
array(
'name' => 'image',
'type' => null,
'file' => '/e:/mybooks/网站图标/网站素材/785da43beca5a474.jpg',
'data' => null
)
));
$request->setrequesturl('http://jszapi.dev.jingjinglego.com/index.php/index/uploadimg');
$request->setrequestmethod('post');
$request->setbody($body);
$request->setheaders(array(
'cache-control' => 'no-cache',
'connection' => 'keep-alive',
'content-length' => '39091',
'content-type' => 'multipart/form-data; boundary=--------------------------296608706222243058746908',
'accept-encoding' => 'gzip, deflate',
'host' => 'jszapi.dev.jingjinglego.com',
'postman-token' => 'dc010150-b166-4dec-a33f-959a65c91c71,3216cc22-be61-4d4b-8d41-c5178848b54f',
'cache-control' => 'no-cache',
'accept' => '*/*',
'user-agent' => 'postmanruntime/7.15.2'
));
$client->enqueue($request)->send();
$response = $client->getresponse();
echo $response->getbody();
<?php //3、curl 是一个非常强大的开源库，支持很多协议，包括http、ftp、telnet等，我们使用它来发送http请求。
//它给我们带来的好处是可以通过灵活的选项设置不同的http协议参数，并且支持https。curl可以根据url前缀是“http” 还是“https”自动选择是否加密发送内容。 $curl = curl_init(); curl_setopt_array($curl, array( curlopt_url => "http://jszapi.dev.jingjinglego.com/index.php/index/uploadimg", curlopt_returntransfer => true, curlopt_encoding => "", curlopt_maxredirs => 10, curlopt_timeout => 30, curlopt_http_version => curl_http_version_1_1, curlopt_customrequest => "post", curlopt_postfields => "------webkitformboundary7ma4ywxktrzu0gw\r\ncontent-disposition: form-data; name=\"image\"; filename=\"785da43beca5a474.jpg\"\r\ncontent-type: image/jpeg\r\n\r\n\r\n------webkitformboundary7ma4ywxktrzu0gw--", curlopt_httpheader => array( "accept: */*", "accept-encoding: gzip, deflate", "cache-control: no-cache", "connection: keep-alive", "content-length: 39091", "content-type: multipart/form-data; boundary=--------------------------296608706222243058746908", "host: jszapi.dev.jingjinglego.com", "postman-token: dc010150-b166-4dec-a33f-959a65c91c71,982e059e-bd8b-4db9-83c4-3fd52c8ed82f", "user-agent: postmanruntime/7.15.2", "cache-control: no-cache", "content-type: multipart/form-data; boundary=----webkitformboundary7ma4ywxktrzu0gw" ), )); $response = curl_exec($curl); $err = curl_error($curl); curl_close($curl); if ($err) { echo "curl error #:" . $err; } else { echo $response; }
6、如上面3个代码片段，但是后来验证后，发现1/3的参数，不知道是怎么传输的，2的参数很容易看懂，但是运用的话需要开启扩展，这个目前不太合适，所以┭┮﹏┭┮。
二、写在心里
1、这个上传的问题，确实卡住了，感觉有点难过。其实每次都会遇见一个自己的困难，经常遇见，周末下午的时候，我在家打开电脑，打来远程，准备登陆下ftp拉下代码，发现一直连不上，心里那个烦啊。但是还是通过远程工具（向日葵），将代码拉下来了。想这个图片上传到底怎么弄了，之前也看过，关于通过ftp的方式上传图片，但是后来查看了相关文章需要在php.ini中开启，所以也作罢。
#开启ftp扩展支持 extension=php_ftp.dll
2、经常遇见困难，经常觉得自己很low但是，已经工作了这么久，发现其实问题最后又都解决了，但是现在回想，却忘了到底是怎么解决的，所以写这个博文主要也是想记录下。一直到下午4点多，深圳的天气今年闷热居多，中午我已经昧着良心午休了1个小时，所以现在到现在心里还有些许内疚，唉。
3、但是还是找不到解决的方法，头疼的厉害，好热。怎么办，我决定靠在椅子上休息下，于是我还是决定躺在沙发上睡会。刚躺下，想着这怎么办呢。
———————–base64—————————华丽的分割线
我突然想到了base64这个读起来，朗朗上口的函数，对如果现将图片转换成base64字符串，再通过post方式传送给b项目，然后再b项目中对字符串进行解码，生成图片，保存到b项目，然后返回图片路径，不就可以了吗。于是我有推了一遍，发现没有疏忽。于是觉得应该是解决了。
三、解决图片上传问题
1、a接受web传来图片临时文件，
#上传图片京手指 1:图片保留到本地
public function uploadjszimg()
{$path = config('business.jsz_file_tem');
$file = request()->file('file_upload');
$info = $file->validate(['ext'=>'jpg,jpeg,png,gif'])->move($path);//图片保存到本地
$img_one = $path.$info->getsavename();//图片路径
$img_base = imgtobase64($img_one);//获取图片base64编码格式
deletefileway($path);//删除临时文件
$url = config('business.jsz_api')['baseimg'];
$data = [
'base_string'=> $img_base,
'path' => 'upload/goods_img',
];
$res = http_api($url,$data,1);
$res = json_decode($res,true);
if($res['data']){
$return = ['code'=>1,'message'=>'成功','data'=>'jszapi.dev.jingjinglego.com'.$res['data']];
}else{
$return = ['code'=>0,'message'=>'失败'];
}
return $return;
}
2、并转换成base64字符串，
/**
* 获取图片的base64编码(不支持url)
* @param $img_file 传入本地图片地址
* @return string
*/
function imgtobase64($img_file) {
$img_base64 = '';
if (file_exists($img_file)) {
$app_img_file = $img_file; // 图片路径
$img_info = getimagesize($app_img_file); // 取得图片的大小，类型等
//echo '<pre>' . print_r($img_info, true) . '</pre><br>';
$fp = fopen($app_img_file, "r"); // 图片是否可读权限
if ($fp) {
$filesize = filesize($app_img_file);
$content = fread($fp, $filesize);
$file_content = chunk_split(base64_encode($content)); // base64编码
switch ($img_info[2]) { //判读图片类型
case 1: $img_type = "gif";
break;
case 2: $img_type = "jpg";
break;
case 3: $img_type = "png";
break;
}
$img_base64 = 'data:image/' . $img_type . ';base64,' . $file_content;//合成图片的base64编码
}
fclose($fp);
}
return $img_base64; //返回图片的base64
}
3、b接受a项目传来参数
/**
* 将base64字符串转换成图片并保存在本地
* @param request $request
* @return void
*/
public function baseimg(request $request)
{
$base_string = $request->post('base_string', '');
if (!$base_string) {
$this->apiresult(customerror::missing_params);
}
$path = $request->post('path', '');
if (!$path) {
$this->apiresult(customerror::missing_params);
}
$request = base64_image_content($base_string, $path);//解码
if($request){
$this->apiresult(customerror::operation_succsess, $request);
}else{
$this->apiresult(customerror::operation_failed);
}
}
4、对字符解析解码
/**
* [将base64图片转换为本地图片并保存]
* @param [base64] $base64_image_content [要保存的base64]
* @param [目录] $path [要保存的路径]
*/
function base64_image_content($base64_image_content,$path){
//匹配出图片的格式
if (preg_match('/^(data:\s*image\/(\w+);base64,)/', $base64_image_content, $result)){
$type = $result[2];
$new_file = $path."/".date('ymd',time())."/";
if(!file_exists($new_file)){
//检查是否有该文件夹，如果没有就创建，并给予最高权限
mkdir($new_file, 0700);
}
$new_file = $new_file.time().".{$type}";
if (file_put_contents($new_file, base64_decode(str_replace($result[1], '', $base64_image_content)))){
return '/'.$new_file;
}else{
return false;
}
}else{
return false;
}
}
5、最后返回上传好的图片路径
：结束
黄山市民网：https://www.huangshanshimin.com/
