php – 从ajax调用输出图像的最快方法

发布时间：2020-12-13 17:11:00 所属栏目：PHP教程来源：网络整理

导读：我的项目是一个图像处理脚本,使用php,JavaScript和imagick(或imagemagick). 目前,用户可以使用浏览器更改图像的属性,然后jscript向我的php脚本发送Ajax调用以处理更改,重新保存图像并将文件路径和响应发送回浏览器,以便jscript可以刷新img标签. 我希望尽可能

我的项目是一个图像处理脚本,使用php,JavaScript和imagick(或imagemagick).

目前,用户可以使用浏览器更改图像的属性,然后jscript向我的php脚本发送Ajax调用以处理更改,重新保存图像并将文件路径和响应发送回浏览器,以便jscript可以刷新img标签.

我希望尽可能加快这个过程.

理想情况下,处理php脚本将能够在使用适当的mime头进行处理更改后直接输出原始图像数据,但由于同一文件需要发送json响应,因此无法完成此操作.

任何意见和建议欢迎..

编辑：我应该提到我到目前为止所尝试的内容：

由于可用于改变图像的各种操作,告诉我的php脚本通过url字符串改变什么,如< img src ='image.php？id = 132& layer1 = flip'/>网址通常超过推荐的maximum number of characters.否则这将是理想的.

我也尝试过发送base64原始数据并对其进行处理,虽然我还没有完全排除这一点,但它有它的缺点 – 将基础64数据添加到< img>的src中.并非在所有浏览器中都支持.

解决方法

我不知道这是不是最好的方法,但想一想：

你必须使用< img src =“”>来显示你的图像.现在你做了以下：

>用户点击按钮 – > AJAX请求服务器 – > Ajax响应
浏览器的URL – >更改图像的src =“”并可视化
它.

用以下代替：

>用户点击按钮 – >更改php文件的src =“”
处理操作并在准备好后显示它.

给你一些解释代码：

<img src="image.php?picid=123123" id="#image"><button id="#rotate90">rotate</button>
<script>
$("#rotate90").click(function(){
  $("#image").attr("src","image.php?picid='123123'&do=rotate&what=90");
}
</script>

所以你通过picid发送到你的php文件,你的意思是,你说要调用什么功能,以及你想要旋转的度数.您的PHP文件必须使用正确的标题返回图片(例如,标题(‘Content-Type：image / jpeg’);)并且浏览器将加载图像直到函数完成.

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!