mui php下载图片,mui ajax图片下载并保存显示

在 MUI 中，可以使用 AJAX 来下载图片并显示，也可以使用 PHP 来下载图片并保存。下面分别介绍这两种方法。

1. 使用 AJAX 下载图片并显示

HTML 代码：

<div id="image-container"></div>

JavaScript 代码：

var url = 'http://example.com/image.jpg';
mui.ajax(url, {
    responseType: 'arraybuffer',
    success: function (data) {
        var blob = new Blob([data], { type: 'image/jpeg' });
        var url = URL.createObjectURL(blob);
        var img = document.createElement('img');
        img.src = url;
        document.getElementById('image-container').appendChild(img);
    }
});

上述代码中，我们使用 `mui.ajax` 函数向指定的 URL 发送 AJAX 请求，并将响应数据以 `arraybuffer` 格式接收。接着，我们将响应数据封装成 `Blob` 对象，并通过 `URL.createObjectURL` 方法生成一个 URL。最后，我们创建一个 `img` 元素，将生成的 URL 赋值给 `img` 的 `src` 属性，并将 `img` 元素添加到页面中。

2. 使用 PHP 下载图片并保存

HTML 代码：

<div id="image-container"></div>

PHP 代码：

$url = 'http://example.com/image.jpg';
$path = 'path/to/save/image.jpg';
file_put_contents($path, file_get_contents($url));

JavaScript 代码：

var url = 'path/to/save/image.jpg';
var img = document.createElement('img');
img.src = url;
document.getElementById('image-container').appendChild(img);

上述代码中，我们使用 PHP 的 `file_get_contents` 函数下载指定 URL 的图片，并保存到指定路径。接着，我们使用 JavaScript 创建一个 `img` 元素，并将保存的图片路径赋值给 `img` 的 `src` 属性。最后，我们将 `img` 元素添加到页面中。

需要注意的是，在使用 PHP 下载图片时，需要确保 PHP 程序对指定路径具有写入权限。