php上传本地图片到服务器上,php上传图片到远程服务器并返回图片地址到本地显示...

本示例将演示一个简单的上传图片到远程服务器&＃xff0c;然后生成图片路径后通过提交的回调路径返回给本地服务器&＃xff0c;最后将图片地址显示在前端页面。

本项目应用三个文件&＃xff0c;即前端选取图片的页面&＃xff0c;然后提交图片到远程服务器处理文件&＃xff0c;返回前端页面的回调文件。

一、前端上传图片页面

upload_test.html

/p>

"http://www.w3.org/TR/html4/loose.dtd">

这里需要注意当回调页面返回图片地址到前端页面时&＃xff0c;需要iframe标签(这里我们将其隐藏)&＃xff0c;否则将会找不到要在页面显示的地方 。

和一般的

而如果设置为iframe的name值&＃xff0c;即"post_frame"的话,就会在该iframe内打开&＃xff0c;因为CSS设置为隐藏&＃xff0c;因而不会有任何动静。若将display:none去掉,还会看到服务器的返回信息。

上传文件时&＃xff0c;form表单的method、 enctype属性必须和上面的代码一样&＃xff0c;然后将target的值设为iframe的name&＃xff0c;这样就可以实现无刷新上传文件。

当选择图片提交时&＃xff0c;还有一个隐藏域&＃xff0c;即给远程服务器提交图片时&＃xff0c;还需要提交回调路径&＃xff0c;好让图片返回给本地服务器。(这里我们都是用本地服务器来进行测试)

二、远程服务器图片处理

upload_action.php

/**

* 图片上传处理

* User: CorwienWong

* Date: 16-06-15

* Time: 00:33

*/

header("Content-type:text/html;charset&＃61;utf-8");

// 配置文件需要上传到服务器的路径&＃xff0c;需要允许所有用户有可写权限&＃xff0c;否则无法上传成功

$uploadPath &＃61; &＃39;uploads/&＃39;;

// 获取提交的图片数据

$file &＃61; $_FILES[&＃39;opus&＃39;];

// 获取图片回调路径

$callbackUrl &＃61; $_POST[&＃39;callbackUrl&＃39;];

if($file[&＃39;error&＃39;] > 0)

{

$msg &＃61; &＃39;传入参数错误&＃39; . $file[&＃39;error&＃39;] . " ";

exit($msg);

}

else

{

// chmod($uploadPath, 0666);

if(file_exists($uploadPath.$file[&＃39;name&＃39;])){

$msg &＃61; $file[&＃39;name&＃39;] . "文件已经存在&＃xff01;";

exit($msg);

}

else

{

if(move_uploaded_file($file[&＃39;tmp_name&＃39;], $uploadPath.$file[&＃39;name&＃39;]))

{

$img_url &＃61; "http://localhost/url_test/".$uploadPath.$file[&＃39;name&＃39;];

$img_url &＃61; urlencode($img_url);

$url &＃61; $callbackUrl."?img_url&＃61;{$img_url}";

// 跳转

header("location:{$url}");

exit();

}

else

{

exit("上传失败&＃xff01;");

}

}

}

图片上传到到该页面后&＃xff0c;保存并返回图片地址给回调页面。

三、回调页面返回图片地址到前端页面

回调页面获取到远程服务器传来的图片地址后&＃xff0c;经过"window.parent.XXX"返回给前端页面。

callback.php

##回调方法

$img_url &＃61; $_GET[&＃39;img_url&＃39;];

// 返回数据给回调页面

echo "

";

如果我们的前端页面upload_test.html没有iframe标签&＃xff0c;则不会返回找到ID为“cover_img_url”的输入框的值&＃xff0c;会跳转到空白页。

四、上传到服务器的文件写入日志记录

写入日志&＃xff1a;

$file &＃61; $this->file &＃61; $_FILES[$this->fileField];

// 要写入文件的文件名(可以是任意文件名)&＃xff0c;如果文件不存在&＃xff0c;将会创建一个

$log_file &＃61; &＃39;../log/log.txt&＃39;;

$time &＃61; date("Y-m-d H:i:s", time());

$log_content &＃61; var_export($_FILES, true) ."Time:{$time} \r\n";

file_put_contents($log_file, $log_content, FILE_APPEND);

// 结果记录

array (

&＃39;name&＃39; &＃61;> &＃39;myImage.jpg&＃39;,

&＃39;type&＃39; &＃61;> &＃39;image/jpeg&＃39;,

&＃39;tmp_name&＃39; &＃61;> &＃39;/Applications/XAMPP/xamppfiles/temp/phpod5VA4&＃39;,

&＃39;error&＃39; &＃61;> 0,

&＃39;size&＃39; &＃61;> 249318,

)

array (

&＃39;file&＃39; &＃61;>

array (

&＃39;name&＃39; &＃61;> &＃39;myImage.jpg&＃39;,

&＃39;type&＃39; &＃61;> &＃39;image/jpeg&＃39;,

&＃39;tmp_name&＃39; &＃61;> &＃39;/Applications/XAMPP/xamppfiles/temp/phppRvcVe&＃39;,

&＃39;error&＃39; &＃61;> 0,

&＃39;size&＃39; &＃61;> 249318,

),

)Time:2016-09-10 17:32:30