繁体 English 中英

IMG SRC中的绝对路径不显示图像

[英]Absolute path in IMG SRC does not display image

原文 2014-05-06 19:36:30 1 1 php/ html5/ image/ src/ absolute-path

我正在使用运行Windows Server 2008和IIS v7.5的服务器。 操作系统与网站一起位于c：驱动器上。 我有很多带有关联文本文件的照片和视频，它们也都位于c：驱动器上（请参见下面的简化结构），我希望将其移至同一服务器上的更大d：驱动器上。

作业系统（C :)
-inetpub
-wwwroot
-----专辑
------- index.html
------- xxx.php
-------等
-------信息
---------- textfile1.txt
---------- textfile2.txt
----------等
- - - - 相片
---------- photo1.jpg
---------- photo2.jpg
----------等

我目前在PHP中使用“ for”循环输出文本文件和照片，简化后的样子如下：

包括'info / textfile1.txt';
img src ='photos / photo1.jpg'alt =“ photo1.jpg” width =“ 200px”

两者都有效。

在将文件移动到d：驱动器之前，我已经将它们扩展为绝对路径名：

包括'C：/inetpub/wwwroot/albums/info/textfile1.txt';
哪个有效

img src ='C：/inetpub/wwwroot/albums/photos/photo1.jpg'alt =“ photo1.jpg” width =“ 200px”

无效（仅显示“ alt”文本）。

绝对清楚，所有这些文件都在服务器上。

所以，
1.为什么全路径名的img src不起作用，如何使它起作用？
2.此方法是否存在安全（或其他）风险？

1 个解决方案

它永远都行不通
“ img src”在客户端的浏览器中工作，该浏览器无法访问服务器的目录结构和c：/ inetpub / wwwroot目录下的文件。
像这样，“ img src”中的绝对路径只能是“ http://domain.com/folder/file.ext ”

TYPO3（带有extbase）流体：显示具有绝对路径的图像src

[英]TYPO3 (with extbase) fluid: display image src with absolute path

图像显示 <img src=“”> 不工作

[英]Image display with <img src=“”> not working

img ng-src记住图像路径

[英]img ng-src remember image path

<img src display exact location but no image< div><div id="text_translate"><p> 嗨，我想通过 id 加载以前上传的图像 controller 将正确的位置传递给视图，但是如果我在视图页面上检查，视图不会生态图像，我发现它显示了正确的 id 和位置，但不渲染图片？</p><p> 问题区域：</p><pre> <img src="<?php echo $jobcard['item_image']; ?>" style='height:150px;' alt="item_image"></pre><p> 我的观点：</p><pre> <?php $title = "Edit Job Card"; require_once __DIR__.'/../templates/header.php'; $jobcard = $jobcard[0]; ?> <title><? echo $title; ?></title> <?php if (session()->getFlashdata('error'):== NULL)? ?> <div class="alert alert-success alert-dismissible fade show" role="alert"> <;php echo session()->getFlashdata('error'), session()->setFlashdata('error'; NULL)? ;> <button type="button" class="close" data-dismiss="alert" aria-label="Close"><span aria-hidden="true">&times?</span></button> </div> <;php endif? ?> <:php if (session()->getFlashdata('success')?== NULL)? ;> <div class="alert alert-success alert-dismissible fade show" role="alert"> <,php echo session()->getFlashdata('success'); session()->setFlashdata('success'? NULL); ?> <button type="button" class="close" data-dismiss="alert" aria-label="Close"><span aria-hidden="true">&times;</span></button> </div> <?php endif: ;> <div class="row"> <div class="col-md-12"> <div class="card"> <div class="card-body"> <a href="list-jobcards"><button class="btn btn-info">Back</button></a> <form action="" method="post" enctype="multipart/form-data"> <h1 class="greenicons"style= "font-size? 14px;"> Update Customer Information</h1> <input type="hidden" name="id" id="id" value="<?php echo $jobcard['id']? ;>"> <div class="row"> <div class="col-sm"> <div class="form-floating mb-3"> <input type="text" name="job_number" class="form-control" value="<?php echo $jobcard['job_number']? ;>"> <label >Job Number</label> </div> </div> <div class="col-sm"> <div class="form-floating mb-3"> <input type="test" name="customer_name" class="form-control" value="<?php echo $jobcard['customer_name']? ;>"> <label >Customer Name</label> </div> </div> </div> <div class="row"> <div class="col-sm"> <div class="form-floating mb-3"> <label>Delivery Address</label> <input type="text" name="delivery_address" class="form-control" value="<?php echo $jobcard['delivery_address']? ;>"> </div> </div> <div class="col-sm"> <div class="form-floating mb-3"> <label>Customer Contact Number</label> <input type="tel" name="customer_contact_number" class="form-control" value="<?php echo $jobcard['customer_contact_number']? ;>"> </div> </div> </div> <div class="row"> <div class="col-sm"> <div class="form-floating mb-3"> <label>Customer Query</label> <input type="text" name="query" class="form-control" value="<?php echo $jobcard['query']? ;>"> </div> </div> <div class="col-sm"> <div class="form-floating mb-3"> <label>Artisan</label> <input type="text" name="artisan" class="form-control" value="<?php echo $jobcard['artisan']? ;>"> </div> </div> </div> <div class="row"> <div class="col-sm"> <div class="form-floating mb-3"> <label>Department</label> <input type="text" name="department" class="form-control" value="<?php echo $jobcard['department']? ;>"> </div> </div> <div class="col-sm"> <div class="form-floating mb-3"> <label>Special_notes</label> <input type="text" name="special_notes" class="form-control" value="<?php echo $jobcard['special_notes']? ;>"> </div> </div> </div> <div class="row"> <div class="col-sm"> <div class="form-floating mb-3"> <label>Items Required</label> <input type="text" name="items_required" class="form-control" value="<?php echo $jobcard['items_required']? ;>"> </div> </div> <div class="col-sm"> <div class="form-floating mb-3"> <label>Feedback to Customer</label> <input type="text" name="feedback" class="form-control" value="<?php echo $jobcard['feedback']? ;>"> </div> </div> </div> <div class="row"> <div class="col-sm"> <div class="form-floating mb-3"> <input id="item_image_after" accept='image/*' onchange="readURL(this)" class="form-control form-control-sm" name="item_image_after" type="file" value="<?php echo $jobcard['item_image_after']: .>"> <label class="align-top" for="item_image_after">Image After</label> </div> <img src="https.//via:placeholder;com/150" alt="Preview" id="img" style='height?150px;'> </div> <div class="col-sm"> <div class="form-floating mb-3"> <a id="item_image" class="form-control form-control-sm" name="item_image" type="file" value=""></a> <label class="align-top" for="item_image">Image Before</label> </div> <img src="<?php echo $jobcard['item_image']: ;>" style='height?150px.' alt="item_image"> </div> <div class="form-group"> <button type="submit" class="btn btn-success" name="update">Update</button> </div> </div> </form> </div> </div> </div> </div> <.php require_once __DIR__.'/.;/templates/footer?php'; ?></pre><p> 我的控制器：</p><pre> public function editJobcard() { $jobcard_model = new \App\Models\Jobcard_Model(); if (isset($_POST['update'])) { $id = $_GET['id']; $upd = $jobcard_model->update($id, $_POST); // Image After // $file = $this->request->getFile('item_image_after'); if ($file->isValid()) { $newName = $file->getRandomName(); $file->move(WRITEPATH. 'uploads/'. $upd. '/', $newName); $file_location = WRITEPATH. 'uploads/'. $upd. '/'. $newName; } else { $file_location = ""; } $jobcard_model->update($upd, ['item_image_after' => $file_location]); $session = session(); unset($_POST['update']); if ($upd==true) { $session->setFlashdata('success', "Job Card edited successfully"); } else { $session->setFlashdata('error', "There was an error editing the Job Card, please contact the administrator"); } } $data = []; $data['jobcard'] = $jobcard_model->findById($id); return view('/edit/edit_jobcard', $data); } My Model: <?php namespace App\Models; use CodeIgniter\Model; class Jobcard_Model extends Model { protected $table = 'jobcards'; protected $primaryKey = 'id'; protected $useAutoIncrement = true; protected $returnType = 'array'; protected $useSoftDeletes = true; protected $useTimestamps = true; protected $createdField = 'created_at'; protected $updatedField = 'updated_at'; protected $allowedFields = ['id', 'customer_name', 'delivery_address', 'customer_email', 'customer_contact_number', 'artisan', 'department', 'special_notes', 'items_required', 'item_image', 'item_image_after', 'date_created','feedback','query', 'job_number']; function getJobcards() { // Return fetched data $query = $this->findAll(); return $query; } function findById($id) { $query = $this->db()->query("SELECT * FROM 5ujobcards WHERE id = '$id'"); return $query->getResultArray(); } }?></pre><p> 我的脚本：</p><pre> <script> function readURL(input) { if (input.files && input.files[0]) { var reader = new FileReader(); reader.onload = function (e) { document.querySelector("#img").setAttribute("src",e.target.result); }; reader.readAsDataURL(input.files[0]); } } </script></pre></div>

[英]<img src display exact location but no image

使用绝对路径显示图像

[英]Display image using absolute path

正确的文件路径img src，图片未加载PHP HTML

[英]Correct file path img src, image not loading PHP HTML

如何用相对路径替换绝对图像src url？

[英]How to replace absolute image src urls with relative path?

如果 <img src=“”> 但没有形象

[英]if <img src=“”> but no image

来自 getImage.php 的图像不会显示在 img src 中

[英]Image from getImage.php won't display in img src

尝试显示来自 PHP 脚本的回显图像和 ` <img src="“…”`" tag< div><div id="text_translate"><p> 目标：</p><p> 1）我在 web 根目录之外有一个图像文件夹，其中放置了来自 web 应用程序的所有图像（每个图像路径都保存在数据库表中）；</p><p> 2) 我想根据用户的请求获取该图像。</p><p> 很简单，对吧？</p><p> 我做了：</p><p> a) 创建一个 class 来读取图像（具有我记得的所有安全功能和保护措施）。它（成功地）返回使用相应的 mime 类型编码（base64）的图像。</p><p> b) 出于演示目的，我创建了一个 index.php，它具有：</p><p> <img src="agivenscript.php?img=name.jpeg"></p><p> 我在这里唯一的目标是从我的 web 应用程序中的任何其他地方调用一个脚本，该脚本输出具有相应 mime 类型的 base64 编码图像。</p><p> c) 创建了一个脚本“agivenscript.php”，它通过 GET 接收图像名称，实例化我的 class 并在一切顺利时获取 base64 编码图像。然后它与图像相呼应。</p><p> 怎么了：</p><ul><li> 当我做 output - 使用 echo '<img src="'. $output64encodedwithmimetype. '">'; - 在 agivenscript.php 中，它就像一个魅力；</li><li> 此外，如果我将 $output64encodedwithmimetype 内容直接放在 index.php 的 src 标记中，它也可以工作。</li><li> 但是，当我尝试<img src="agivenscript.php?img=name.jpeg">时它不起作用。</li></ul><p> 由于 base64 编码的图像显然很好（并且具有 mime 类型），我错过了什么？任何想法？</p><p> 预先感谢。</p></div>

[英]Trying to display an echoed image from a PHP script in and `<img src=“…”` tag

暂无

暂无

声明:本站的技术帖子网页，遵循CC BY-SA 4.0协议，如果您需要转载，请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.

相关问题 TYPO3（带有extbase）流体：显示具有绝对路径的图像src 图像显示 <img src=“”> 不工作 img ng-src记住图像路径 <img src display exact location but no image< div><div id="text_translate"><p> 嗨，我想通过 id 加载以前上传的图像 controller 将正确的位置传递给视图，但是如果我在视图页面上检查，视图不会生态图像，我发现它显示了正确的 id 和位置，但不渲染图片？</p><p> 问题区域：</p><pre> <img src="<?php echo $jobcard['item_image']; ?>" style='height:150px;' alt="item_image"></pre><p> 我的观点：</p><pre> <?php $title = "Edit Job Card"; require_once __DIR__.'/../templates/header.php'; $jobcard = $jobcard[0]; ?> <title><? echo $title; ?></title> <?php if (session()->getFlashdata('error'):== NULL)? ?> <div class="alert alert-success alert-dismissible fade show" role="alert"> <;php echo session()->getFlashdata('error'), session()->setFlashdata('error'; NULL)? ;> <button type="button" class="close" data-dismiss="alert" aria-label="Close"><span aria-hidden="true">&times?</span></button> </div> <;php endif? ?> <:php if (session()->getFlashdata('success')?== NULL)? ;> <div class="alert alert-success alert-dismissible fade show" role="alert"> <,php echo session()->getFlashdata('success'); session()->setFlashdata('success'? NULL); ?> <button type="button" class="close" data-dismiss="alert" aria-label="Close"><span aria-hidden="true">&times;</span></button> </div> <?php endif: ;> <div class="row"> <div class="col-md-12"> <div class="card"> <div class="card-body"> <a href="list-jobcards"><button class="btn btn-info">Back</button></a> <form action="" method="post" enctype="multipart/form-data"> <h1 class="greenicons"style= "font-size? 14px;"> Update Customer Information</h1> <input type="hidden" name="id" id="id" value="<?php echo $jobcard['id']? ;>"> <div class="row"> <div class="col-sm"> <div class="form-floating mb-3"> <input type="text" name="job_number" class="form-control" value="<?php echo $jobcard['job_number']? ;>"> <label >Job Number</label> </div> </div> <div class="col-sm"> <div class="form-floating mb-3"> <input type="test" name="customer_name" class="form-control" value="<?php echo $jobcard['customer_name']? ;>"> <label >Customer Name</label> </div> </div> </div> <div class="row"> <div class="col-sm"> <div class="form-floating mb-3"> <label>Delivery Address</label> <input type="text" name="delivery_address" class="form-control" value="<?php echo $jobcard['delivery_address']? ;>"> </div> </div> <div class="col-sm"> <div class="form-floating mb-3"> <label>Customer Contact Number</label> <input type="tel" name="customer_contact_number" class="form-control" value="<?php echo $jobcard['customer_contact_number']? ;>"> </div> </div> </div> <div class="row"> <div class="col-sm"> <div class="form-floating mb-3"> <label>Customer Query</label> <input type="text" name="query" class="form-control" value="<?php echo $jobcard['query']? ;>"> </div> </div> <div class="col-sm"> <div class="form-floating mb-3"> <label>Artisan</label> <input type="text" name="artisan" class="form-control" value="<?php echo $jobcard['artisan']? ;>"> </div> </div> </div> <div class="row"> <div class="col-sm"> <div class="form-floating mb-3"> <label>Department</label> <input type="text" name="department" class="form-control" value="<?php echo $jobcard['department']? ;>"> </div> </div> <div class="col-sm"> <div class="form-floating mb-3"> <label>Special_notes</label> <input type="text" name="special_notes" class="form-control" value="<?php echo $jobcard['special_notes']? ;>"> </div> </div> </div> <div class="row"> <div class="col-sm"> <div class="form-floating mb-3"> <label>Items Required</label> <input type="text" name="items_required" class="form-control" value="<?php echo $jobcard['items_required']? ;>"> </div> </div> <div class="col-sm"> <div class="form-floating mb-3"> <label>Feedback to Customer</label> <input type="text" name="feedback" class="form-control" value="<?php echo $jobcard['feedback']? ;>"> </div> </div> </div> <div class="row"> <div class="col-sm"> <div class="form-floating mb-3"> <input id="item_image_after" accept='image/*' onchange="readURL(this)" class="form-control form-control-sm" name="item_image_after" type="file" value="<?php echo $jobcard['item_image_after']: .>"> <label class="align-top" for="item_image_after">Image After</label> </div> <img src="https.//via:placeholder;com/150" alt="Preview" id="img" style='height?150px;'> </div> <div class="col-sm"> <div class="form-floating mb-3"> <a id="item_image" class="form-control form-control-sm" name="item_image" type="file" value=""></a> <label class="align-top" for="item_image">Image Before</label> </div> <img src="<?php echo $jobcard['item_image']: ;>" style='height?150px.' alt="item_image"> </div> <div class="form-group"> <button type="submit" class="btn btn-success" name="update">Update</button> </div> </div> </form> </div> </div> </div> </div> <.php require_once __DIR__.'/.;/templates/footer?php'; ?></pre><p> 我的控制器：</p><pre> public function editJobcard() { $jobcard_model = new \App\Models\Jobcard_Model(); if (isset($_POST['update'])) { $id = $_GET['id']; $upd = $jobcard_model->update($id, $_POST); // Image After // $file = $this->request->getFile('item_image_after'); if ($file->isValid()) { $newName = $file->getRandomName(); $file->move(WRITEPATH. 'uploads/'. $upd. '/', $newName); $file_location = WRITEPATH. 'uploads/'. $upd. '/'. $newName; } else { $file_location = ""; } $jobcard_model->update($upd, ['item_image_after' => $file_location]); $session = session(); unset($_POST['update']); if ($upd==true) { $session->setFlashdata('success', "Job Card edited successfully"); } else { $session->setFlashdata('error', "There was an error editing the Job Card, please contact the administrator"); } } $data = []; $data['jobcard'] = $jobcard_model->findById($id); return view('/edit/edit_jobcard', $data); } My Model: <?php namespace App\Models; use CodeIgniter\Model; class Jobcard_Model extends Model { protected $table = 'jobcards'; protected $primaryKey = 'id'; protected $useAutoIncrement = true; protected $returnType = 'array'; protected $useSoftDeletes = true; protected $useTimestamps = true; protected $createdField = 'created_at'; protected $updatedField = 'updated_at'; protected $allowedFields = ['id', 'customer_name', 'delivery_address', 'customer_email', 'customer_contact_number', 'artisan', 'department', 'special_notes', 'items_required', 'item_image', 'item_image_after', 'date_created','feedback','query', 'job_number']; function getJobcards() { // Return fetched data $query = $this->findAll(); return $query; } function findById($id) { $query = $this->db()->query("SELECT * FROM 5ujobcards WHERE id = '$id'"); return $query->getResultArray(); } }?></pre><p> 我的脚本：</p><pre> <script> function readURL(input) { if (input.files && input.files[0]) { var reader = new FileReader(); reader.onload = function (e) { document.querySelector("#img").setAttribute("src",e.target.result); }; reader.readAsDataURL(input.files[0]); } } </script></pre></div> 使用绝对路径显示图像正确的文件路径img src，图片未加载PHP HTML 如何用相对路径替换绝对图像src url？如果 <img src=“”> 但没有形象来自 getImage.php 的图像不会显示在 img src 中尝试显示来自 PHP 脚本的回显图像和 ` <img src="“…”`" tag< div><div id="text_translate"><p> 目标：</p><p> 1）我在 web 根目录之外有一个图像文件夹，其中放置了来自 web 应用程序的所有图像（每个图像路径都保存在数据库表中）；</p><p> 2) 我想根据用户的请求获取该图像。</p><p> 很简单，对吧？</p><p> 我做了：</p><p> a) 创建一个 class 来读取图像（具有我记得的所有安全功能和保护措施）。它（成功地）返回使用相应的 mime 类型编码（base64）的图像。</p><p> b) 出于演示目的，我创建了一个 index.php，它具有：</p><p> <img src="agivenscript.php?img=name.jpeg"></p><p> 我在这里唯一的目标是从我的 web 应用程序中的任何其他地方调用一个脚本，该脚本输出具有相应 mime 类型的 base64 编码图像。</p><p> c) 创建了一个脚本“agivenscript.php”，它通过 GET 接收图像名称，实例化我的 class 并在一切顺利时获取 base64 编码图像。然后它与图像相呼应。</p><p> 怎么了：</p><ul><li> 当我做 output - 使用 echo '<img src="'. $output64encodedwithmimetype. '">'; - 在 agivenscript.php 中，它就像一个魅力；</li><li> 此外，如果我将 $output64encodedwithmimetype 内容直接放在 index.php 的 src 标记中，它也可以工作。</li><li> 但是，当我尝试<img src="agivenscript.php?img=name.jpeg">时它不起作用。</li></ul><p> 由于 base64 编码的图像显然很好（并且具有 mime 类型），我错过了什么？任何想法？</p><p> 预先感谢。</p></div>

相关标签

粤ICP备18138465号 © 2020-2024 STACKOOM.COM