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

muddyway 发布于2019-07-01 12:18 / 730人阅读

摘要：本示例将演示一个简单的上传图片到远程服务器，然后生成图片路径后通过提交的回调路径返回给本地服务器，最后将图片地址显示在前端页面。若将去掉还会看到服务器的返回信息。

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

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

一、前端上传图片页面

upload_test.html




    Upload Image
    


     
      

                    
        
          
              
              主题封面图：
              
                    图片格式 jpg  jpeg gif  png  
                
              
            
          
        
      

        

           
              封面图URL：
              
                *

主题封面图：	图片格式 jpg jpeg gif png

封面图URL：	*

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

和一般的

标签相比多了一个target属性罢了，用于指定标签页在哪里打开以及提交数据。
而如果设置为iframe的name值，即"post_frame"的话,就会在该iframe内打开，因为CSS设置为隐藏，因而不会有任何动静。若将display:none去掉,还会看到服务器的返回信息。

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

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

二、远程服务器图片处理

upload_action.php

 0)
{

    $msg = "传入参数错误" . $file["error"] . "  ";
    exit($msg);
}
else
{

   // chmod($uploadPath, 0666);

    if(file_exists($uploadPath.$file["name"])){
       $msg = $file["name"] . "文件已经存在！";
       exit($msg);
    }
    else
    {
        if(move_uploaded_file($file["tmp_name"], $uploadPath.$file["name"]))
        {

          $img_url = "http://localhost/url_test/".$uploadPath.$file["name"];
          $img_url = urlencode($img_url);

          $url = $callbackUrl."?img_url={$img_url}";

          // 跳转
          header("location:{$url}");
          exit();

        }
        else
        {
          exit("上传失败！");

        }

    }

}

图片上传到到该页面后，保存并返回图片地址给回调页面。

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

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

window.parent.document.getElementById("cover_img_url").value="{$img_url}";
";

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

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

写入日志：
 $file = $this->file = $_FILES[$this->fileField];

        // 要写入文件的文件名（可以是任意文件名），如果文件不存在，将会创建一个
        $log_file  = "../log/log.txt";
        $time = date("Y-m-d H:i:s", time());
        $log_content = var_export($_FILES, true) ."Time:{$time} 
";
        file_put_contents($log_file, $log_content, FILE_APPEND);
        
        
        
// 结果记录
array (
  "name" => "myImage.jpg",
  "type" => "image/jpeg",
  "tmp_name" => "/Applications/XAMPP/xamppfiles/temp/phpod5VA4",
  "error" => 0,
  "size" => 249318,
)
array (
  "file" => 
  array (
    "name" => "myImage.jpg",
    "type" => "image/jpeg",
    "tmp_name" => "/Applications/XAMPP/xamppfiles/temp/phppRvcVe",
    "error" => 0,
    "size" => 249318,
  ),
)Time:2016-09-10 17:32:30

其他上传相关示例：
php+ajax实现图片文件上传功能实例

专线服务超融合服务器本地图片上传到云服务器 js图片上传存到本地上传图片到php接口 php上传图片到s3

文章版权归作者所有，未经允许请勿转载,若此文章存在违规行为，您可以联系管理员删除。

转载请注明本文地址：https://www.ucloud.cn/yun/30433.html

php curl抓取墙外图片及sftp上传【填坑指南】

摘要：背景最近有需求下载头像到本地，以文件形式上传到第三方，遇坑就填第一版将获取的信息以字符串返回，而不是直接输出因为要写文件启用时会将头文件的信息作为数据流输出适合调试配置手册文档地址配置项需要什么翻着找找遇到几个问题部分图片所在主站防盗链机制背景最近有需求下载头像到本地，以文件形式上传到第三方，遇坑就填 curl 第一版 $ch = curl_init(); curl_setopt_...

ralap 2019-06-28 18:27 评论0 收藏0
拿webshell的一些姿势

摘要：常常被称为入侵者通过网站端口对网站服务器的某种程度上操作的权限。由于其大多是以动态脚本的形式出现，也有人称之为网站的后门工具。目录什么是webshell拿we...

Mr_houzi 2021-11-24 09:38 评论0 收藏0
如何使用Git上传项目代码到github

摘要：是一个基于的代码托管平台，付费用户可以建私人仓库，我们一般的免费用户只能使用公共仓库，也就是代码要公开。这就表示已成功连上。大功告成，现在你知道如何将本地的项目提交到上了。文件顾名思义就是告诉需要忽略的文件，这是一个很重要并且很实用的文件。 github是一个基于Git的代码托管平台，付费用户可以建私人仓库，我们一般的免费用户只能使用公共仓库，也就是代码要公开。这对于一般人来说公共仓库...

JayChen 2019-08-05 17:52 评论0 收藏0
在PHP中使用CURL，“撩”服务器只需几行——php curl详细解析和常见大坑

摘要：七夕啦，作为开发，妹子没得撩就撩下服务器吧，妹子有得撩的同学那就左拥妹子右抱服务器吧，况且妹子是要礼物的，服务器又不用。下面我们来看一些常用的情景，我们需要如何打扮自己配置参数才能正确撩妹正确撩到服务器。七夕啦，作为开发，妹子没得撩就撩下服务器吧，妹子有得撩的同学那就左拥妹子右抱服务器吧，况且妹子是要礼物的，服务器又不用。好啦，长话短说再长说，祭出今天的工具——CURL(Client...

SexySix 2019-06-27 14:13 评论0 收藏0
WEB之常见工作问题总结（1-20）

摘要：第三种，使用格式，即在中请求参数处理跨域问题当然请求方式只能是。最后发现有网友说版本不稳定引起的，于是把百度地图回退到了，结果还真是可以了。请问在移动端页面中播放优酷里面的视频，怎样实现 1.web扫码登录怎么实现，思路步骤 WEB平台手机第1步生成二维码第2步（ajax监控后台）扫码第3步 ...

genedna 2019-08-22 13:40 评论0 收藏0