【发布时间】：2019-01-01 14:58:08
【问题描述】：
我正在使用 CodeIgniter php，并使用 Imagick 进行一些图像处理。现在我想上传图像并在图像处理之后，例如图像均衡，我想从控制器传递或加载均衡的图像以查看。图像已均衡并上传到路径，但我无法加载输出均衡图像以查看页面。那么，请指导如何处理这个问题？
控制器代码：
class Equalize extends CI_Controller {
public function equalize_image() {
if (isset($_FILES["userfile"])) {
$tmpFile = $_FILES["userfile"]["tmp_name"];
$ext = pathinfo($_FILES["userfile"]["name"], PATHINFO_EXTENSION);
$fileName = uniqid(rand(), true) . "." . $ext;
list($width, $height) = getimagesize($tmpFile);
if ($width == null && $height == null) {
header("Location: index.php");
return;
}
$image = new Imagick($tmpFile);
$image->equalizeImage();
$image->writeImage(FCPATH.'/assets/images' . "/" . $fileName);
header("Content-Type: image/jpeg");
echo $image;
}
}
}
查看代码：
<label>Input Image</label>
<form method="post" id="upload_form" enctype="multipart/form-data">
<input type='file' name="userfile" size="20" onchange="readURL(this);"/>
<label>Orignal Image</label><br>
<img id="blah" src="#" alt="" />
<label>Equalized Image </label>
<div id="result">
</div>
<input type="submit" name="upload" id="upload" value="Apply" class="btn btn-info" />
</form>
<script>
function readURL(input) {
if (input.files && input.files[0]) {
var reader = new FileReader();
reader.onload = function (e) {
$('#blah')
.attr('src', e.target.result)
.width(200)
.height(200);
};
reader.readAsDataURL(input.files[0]);
}
}
$(document).ready(function(){
$('#upload_form').on('submit', function(e){
e.preventDefault();
if($('#userfile').val() == '')
{
alert("Please Select the File");
}
else
{
$.ajax({
url:"<?php echo base_url(); ?>Equalize/equalize_image",
//base_url() = http://localhost/tutorial/codeigniter
method:"POST",
data:new FormData(this),
contentType: false,
cache: false,
processData:false,
success:function(data)
{
$('#result').html(data);
}
});
}
});
});
</script>
</body>
使用此代码，我将面临以下输出：https://imgur.com/85vMove。如何加载视图中的图像？
【问题讨论】：
-
您是否检查过异步调用的响应？您正在设置图像内容类型，但您使用的是 codeigniter 的
view()方法。最好返回一个图像路径并将img标签添加到DOM -
请告诉返回路径的代码，我卡在这个？
标签： php codeigniter imagick