Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/472.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Php 显示上传的图像_Php_Javascript - Fatal编程技术网

Php 显示上传的图像

Php 显示上传的图像,php,javascript,Php,Javascript,我正在尝试使用Ajax上传/调整图像大小,然后将其显示在浏览器中,而不是将其保存到文件中。我希望有一个图像,但我得到了一堆胡言乱语 这可行吗?或者我不能并且需要求助于其他方法,比如保存到文件,然后选择它的路径?或者使用画布 谢谢你抽出时间 HTML PHP 在PHP中,您可以这样做 ob_start(); // header("Content-type: image/jpeg"); // fairly sure you won't need this imagejpeg($resized_ima

我正在尝试使用Ajax上传/调整图像大小,然后将其显示在浏览器中,而不是将其保存到文件中。我希望有一个图像,但我得到了一堆胡言乱语

这可行吗?或者我不能并且需要求助于其他方法,比如保存到文件,然后选择它的路径?或者使用画布

谢谢你抽出时间

HTML

PHP

在PHP中,您可以这样做

ob_start();
// header("Content-type: image/jpeg"); // fairly sure you won't need this
imagejpeg($resized_image);
echo base64_encode(ob_get_clean());
die;
假设您在HTML中有

<img id="theimage" />
在PHP中,您可以这样做

ob_start();
// header("Content-type: image/jpeg"); // fairly sure you won't need this
imagejpeg($resized_image);
echo base64_encode(ob_get_clean());
die;
假设您在HTML中有

<img id="theimage" />

您正在尝试使用ajax获取原始jpeg数据。不应执行ajax上载,而应直接发送表单以查看调整大小的图像。如果这不是您想要的,那么您需要将原始jpeg数据编码为base64编码数据url,并将其作为
元素的
src
属性插入。

您正在尝试使用ajax获取原始jpeg数据。您不应该执行ajax上载,而是直接发送表单以查看调整大小的图像。如果这不是您想要的,那么您需要将原始jpeg数据编码为base64编码数据url,并将其作为
元素的
src
属性插入未保存图像,因此pathtoimage不相关。Well echo
“”没有保存图像,因此pathtoimage是不相关的IX打字错误,ajax返回一堆垃圾,他想知道这段代码
数据:image/jpeg;base64
你能把我链接到任何关于这个的参考资料吗?修复打字错误,ajax返回一堆垃圾他想知道这段代码
数据:image/jpeg;base64
你能把我链接到这方面的任何参考资料吗?
<img id="theimage" />
success:  function(data){
    $('#theimage').attr('src', 'data:image/jpeg;base64,' + data);
}