mui php下载图片,mui ajax图片下载
时间: 2023-10-09 18:14:07 浏览: 144
可以使用 PHP 的 `file_put_contents` 函数将远程图片下载到本地,然后使用 MUI 的 Ajax 请求将图片显示在页面上。
以下是一个示例代码:
```php
<?php
$url = 'https://example.com/image.jpg'; // 远程图片 URL
$filename = 'image.jpg'; // 保存的本地文件名
// 下载图片
file_put_contents($filename, file_get_contents($url));
// 返回图片路径
echo $filename;
?>
```
在 MUI 中,可以通过以下方式使用 Ajax 请求获取图片并将其显示在页面上:
```javascript
var xhr = new XMLHttpRequest();
xhr.open('GET', 'download.php', true);
xhr.responseType = 'blob';
xhr.onload = function(e) {
if (this.status == 200) {
var blob = new Blob([this.response], {type: 'image/jpeg'});
var url = URL.createObjectURL(blob);
// 将图片显示在页面上
var img = document.createElement('img');
img.src = url;
document.body.appendChild(img);
}
};
xhr.send();
```
其中,`download.php` 是上面 PHP 文件的路径,可以根据实际情况修改。在 `onload` 回调函数中,通过 `window.URL.createObjectURL` 方法将 AJAX 返回的 Blob 对象转换为图片 URL,然后创建 `<img>` 元素并将其添加到页面上即可。
阅读全文