說(shuō)，我有一個(gè)需求，就是一個(gè)臨時(shí)功能。由于工作開(kāi)發(fā)問(wèn)題，我們有一個(gè)B項(xiàng)目，需要有一個(gè)商品添加的功能，涉及到添加商品內(nèi)容，比如商品名字，商品描述，商品庫(kù)存，商品圖片等。后臺(tái)商品添加的接口已經(jīng)寫(xiě)完了，但是問(wèn)題是目前沒(méi)有后臺(tái)頁(yè)面，就是產(chǎn)品還沒(méi)有出后臺(tái)詳細(xì)頁(yè)面。前端已經(jīng)完備了，上線(xiàn)了。后臺(tái)還需要工作時(shí)間處理。所以目前的處理方法是在我們已經(jīng)存在的A項(xiàng)目后臺(tái)中，添加一個(gè)對(duì)B項(xiàng)目添加商品的功能。
一、當(dāng)下問(wèn)題
1、在我們已有的A項(xiàng)目中，新增一個(gè)添加商品的功能，這個(gè)本來(lái)是沒(méi)有什么問(wèn)題的，因?yàn)槟壳癆項(xiàng)目中本身就已經(jīng)連接了B項(xiàng)目的數(shù)據(jù)庫(kù)，所以商品屬性的新增和修改都沒(méi)什么問(wèn)題。主要是商品圖片的上傳這里，有點(diǎn)問(wèn)題。B項(xiàng)目已經(jīng)對(duì)外提供了上傳圖片的接口，但是由于我確實(shí)對(duì)前端不是特別熟悉。所以在A項(xiàng)目中的后臺(tái)JS中調(diào)取B項(xiàng)目的上傳圖片的接口時(shí)，一直提示"CORS",這里應(yīng)該是存在一個(gè)跨域的問(wèn)題，雖然我PHP接口端已經(jīng)對(duì)跨域做了處理（入口文件處），但是貌似JS這邊也需要相應(yīng)的調(diào)整。
// [ 應(yīng)用入口文件 ]
//入口文件index.php
namespace think;
// 加載基礎(chǔ)文件
require __DIR__ . '/thinkphp/base.php';
// 支持事先使用靜態(tài)方法設(shè)置Request對(duì)象和Config對(duì)象
header("Access-Control-Allow-Origin: *");
header("Access-Control-Allow-Headers: Content-Type,XFILENAME,XFILECATEGORY,XFILESIZE,authorization");
// 執(zhí)行應(yīng)用并響應(yīng)
Container::get('app')->bind('api')->run()->send();
2、無(wú)奈小白JS功底不夠扎實(shí)，所以我這邊準(zhǔn)備通過(guò)A項(xiàng)目中調(diào)取后臺(tái)PHP接口，然后通過(guò)在PHP代碼中接受web端參數(shù)，然后再轉(zhuǎn)發(fā)，調(diào)取B項(xiàng)目中上傳圖片的接口，試圖完成功能。于是先通過(guò)Postman接口工具測(cè)試了一下B項(xiàng)目上傳圖片的接口是否有效。如圖3，發(fā)現(xiàn)確實(shí)沒(méi)有什么問(wèn)題，于是就準(zhǔn)備如此處理。
3、但是實(shí)際是，在調(diào)取時(shí)，我們常用的傳參數(shù)方式是GET或者POST方式，但是我們知道文件上傳是通過(guò)$_FILES接受，下面是B項(xiàng)目的上傳圖片的控制器代碼（用的是TP5.1），接受是通過(guò)內(nèi)置的file方式。
/**上傳圖片
* @param Request $request
*/
public function uploadImg(Request $request){
$file = $request->file('image');
$type = $request->post('type', 0);
// 移動(dòng)到框架應(yīng)用根目錄/uploads/ 目錄下
$upload_path = config('common.upload_path');
switch ($type) {
case 1://門(mén)店
$path = $upload_path['shop_img'];
break;
case 2://投票活動(dòng)
$path = $upload_path['vote_img'];
break;
case 3://投票活動(dòng)參賽圖片
$path = $upload_path['vote_contestant_img'];
break;
case 4://會(huì)員店鋪logo圖片
$path = $upload_path['member_shop'];
break;
case 5://自營(yíng)商品圖片
$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、所以在轉(zhuǎn)發(fā)A項(xiàng)目web端傳來(lái)的，文件內(nèi)容，就有點(diǎn)不知所措了。該死，該死。
//文件上傳接受參數(shù)
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、所以按剛才設(shè)想的，簡(jiǎn)單做下轉(zhuǎn)發(fā)還是不行，這里面參數(shù)的傳輸方式應(yīng)該還有另外一種，就是文件的類(lèi)型。鑒于是通過(guò)Postman方式上傳成功，這個(gè)工具確實(shí)很推薦多多學(xué)習(xí)，他不僅作為一個(gè)第三方中間為我們驗(yàn)證接口是否可用，更給我們提供了調(diào)取接口的各種代碼Damo,如圖3中標(biāo)識(shí)的Code處，就是獲取Damo的按鈕。我們點(diǎn)擊可以看見(jiàn)Postman給我提供了三種，調(diào)取接口的方式。
?php
//1、HttpRequest 發(fā)送http請(qǐng)求
$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 需要開(kāi)啟PECL HTTP 擴(kuò)展
$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/網(wǎng)站圖標(biāo)/網(wǎng)站素材/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 是一個(gè)非常強(qiáng)大的開(kāi)源庫(kù)，支持很多協(xié)議，包括HTTP、FTP、TELNET等，我們使用它來(lái)發(fā)送HTTP請(qǐng)求。//它給我們帶來(lái)的好處是可以通過(guò)靈活的選項(xiàng)設(shè)置不同的HTTP協(xié)議參數(shù)，并且支持HTTPS。CURL可以根據(jù)URL前綴是“HTTP” 還是“HTTPS”自動(dòng)選擇是否加密發(fā)送內(nèi)容。
$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個(gè)代碼片段，但是后來(lái)驗(yàn)證后，發(fā)現(xiàn)1/3的參數(shù)，不知道是怎么傳輸?shù)模?的參數(shù)很容易看懂，但是運(yùn)用的話(huà)需要開(kāi)啟擴(kuò)展，這個(gè)目前不太合適，所以┭┮﹏┭┮。
二、寫(xiě)在心里
1、這個(gè)上傳的問(wèn)題，確實(shí)卡住了，感覺(jué)有點(diǎn)難過(guò)。其實(shí)每次都會(huì)遇見(jiàn)一個(gè)自己的困難，經(jīng)常遇見(jiàn)，周末下午的時(shí)候，我在家打開(kāi)電腦，打來(lái)遠(yuǎn)程，準(zhǔn)備登陸下ftp拉下代碼，發(fā)現(xiàn)一直連不上，心里那個(gè)煩啊。但是還是通過(guò)遠(yuǎn)程工具（向日葵），將代碼拉下來(lái)了。想這個(gè)圖片上傳到底怎么弄了，之前也看過(guò)，關(guān)于通過(guò)ftp的方式上傳圖片，但是后來(lái)查看了相關(guān)文章需要在php.ini中開(kāi)啟，所以也作罷。
#開(kāi)啟ftp擴(kuò)展支持
extension=php_ftp.dll
2、經(jīng)常遇見(jiàn)困難，經(jīng)常覺(jué)得自己很LOW但是，已經(jīng)工作了這么久，發(fā)現(xiàn)其實(shí)問(wèn)題最后又都解決了，但是現(xiàn)在回想，卻忘了到底是怎么解決的，所以寫(xiě)這個(gè)博文主要也是想記錄下。一直到下午4點(diǎn)多，深圳的天氣今年悶熱居多，中午我已經(jīng)昧著良心午休了1個(gè)小時(shí)，所以現(xiàn)在到現(xiàn)在心里還有些許內(nèi)疚，唉。
3、但是還是找不到解決的方法，頭疼的厲害，好熱。怎么辦，我決定靠在椅子上休息下，于是我還是決定躺在沙發(fā)上睡會(huì)。剛躺下，想著這怎么辦呢。
-----------------------base64---------------------------華麗的分割線(xiàn)
我突然想到了base64這個(gè)讀起來(lái)，朗朗上口的函數(shù)，對(duì)如果現(xiàn)將圖片轉(zhuǎn)換成base64字符串，再通過(guò)POST方式傳送給B項(xiàng)目，然后再B項(xiàng)目中對(duì)字符串進(jìn)行解碼，生成圖片，保存到B項(xiàng)目，然后返回圖片路徑，不就可以了嗎。于是我有推了一遍，發(fā)現(xiàn)沒(méi)有疏忽。于是覺(jué)得應(yīng)該是解決了。
三、解決圖片上傳問(wèn)題
1、A接受web傳來(lái)圖片臨時(shí)文件，
#上傳圖片京手指 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);//刪除臨時(shí)文件
$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、并轉(zhuǎn)換成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); // 取得圖片的大小，類(lèi)型等
//echo 'pre>' . print_r($img_info, true) . '/pre>br>';
$fp = fopen($app_img_file, "r"); // 圖片是否可讀權(quán)限
if ($fp) {
$filesize = filesize($app_img_file);
$content = fread($fp, $filesize);
$file_content = chunk_split(base64_encode($content)); // base64編碼
switch ($img_info[2]) { //判讀圖片類(lèi)型
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項(xiàng)目傳來(lái)參數(shù)
/**
* 將base64字符串轉(zhuǎn)換成圖片并保存在本地
* @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、對(duì)字符解析解碼
/**
* [將Base64圖片轉(zhuǎn)換為本地圖片并保存]
* @param [Base64] $base64_image_content [要保存的Base64]
* @param [目錄](méi) $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)){
//檢查是否有該文件夾，如果沒(méi)有就創(chuàng)建，并給予最高權(quán)限
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、最后返回上傳好的圖片路徑
：結(jié)束
總結(jié)
以上所述是小編給大家介紹的PHP如何將圖片文件上傳到另外一臺(tái)服務(wù)器上，希望對(duì)大家有所幫助，如果大家有任何疑問(wèn)請(qǐng)給我留言，小編會(huì)及時(shí)回復(fù)大家的。在此也非常感謝大家對(duì)腳本之家網(wǎng)站的支持！
如果你覺(jué)得本文對(duì)你有幫助，歡迎轉(zhuǎn)載，煩請(qǐng)注明出處，謝謝！
您可能感興趣的文章:- PHP5.4起內(nèi)置web服務(wù)器使用方法
- phpstorm遠(yuǎn)程連接服務(wù)器并實(shí)時(shí)更新發(fā)布代碼(thinkphp6.0.7)
- PhpStorm連接服務(wù)器并實(shí)現(xiàn)自動(dòng)上傳功能
- PHP使用swoole編寫(xiě)簡(jiǎn)單的echo服務(wù)器示例
- php實(shí)現(xiàn)的簡(jiǎn)單多進(jìn)程服務(wù)器類(lèi)完整示例
- 在phpstudy集成環(huán)境下的nginx服務(wù)器下配置url重寫(xiě)
- php服務(wù)器的系統(tǒng)詳解
- Windows服務(wù)器中PHP如何安裝redis擴(kuò)展
- 微信小程序上傳圖片到php服務(wù)器的方法
- PHP 內(nèi)置WEB服務(wù)器的簡(jiǎn)單使用
