mui php上传图片,mui ajax图片上传

以下是一个使用 MUI 和 PHP 实现图片上传的示例代码：

HTML：

<form id="image-form">
  <input type="file" name="image" id="image-input">
  <button type="submit" id="upload-btn">上传</button>
</form>

JavaScript：

mui('#upload-btn').on('tap', function() {
  var formData = new FormData();
  formData.append('image', document.getElementById('image-input').files[0]);
  mui.ajax({
    url: 'upload.php',
    type: 'POST',
    data: formData,
    processData: false,
    contentType: false,
    success: function(data) {
      console.log(data);
      // 处理上传成功后的操作
    },
    error: function(xhr, status, error) {
      console.log(error);
      // 处理上传失败后的操作
    }
  });
});

PHP：

if ($_FILES['image']['error'] === UPLOAD_ERR_OK) {
  $tempFile = $_FILES['image']['tmp_name'];
  $targetPath = './uploads/';
  $targetName = uniqid() . '_' . $_FILES['image']['name'];
  $targetFile = $targetPath . $targetName;
  if (move_uploaded_file($tempFile, $targetFile)) {
    echo '上传成功';
  } else {
    echo '上传失败';
  }
} else {
  echo '上传失败';
}

以上代码实现了一个简单的图片上传功能，当用户选择图片并点击上传按钮时，会通过 AJAX 将图片数据发送到后端 PHP 文件，PHP 文件接收到图片数据后将其保存到服务器上的指定文件夹中，并返回上传结果给前端。你可以根据自己的需求对代码进行修改和优化。