最近我在学习如何在微信中使用html5上传图片，经过一番尝试，我总结了以下的代码：

首先，我们需要在html页面中加入一个input标签，用于选择文件：

<input type="file" id="fileInput" name="fileInput" onchange="uploadFile()" accept="image/*">

在这里，我们设置了input标签的type属性为file，id和name属性为fileInput，onchange属性为一个JavaScript函数uploadFile()，这个函数用于上传文件。accept属性指定了只接受图片格式的文件。

接着，我们需要在JavaScript中实现uploadFile()函数：

function uploadFile() {
  var formData = new FormData();
  formData.append("file", document.getElementById("fileInput").files[0]);
  $.ajax({
    url: "upload.php",
    type: "POST",
    data: formData,
    cache: false,
    contentType: false,
    processData: false,
    success: function(response) {
      console.log(response);
    },
    error: function(xhr, status, error) {
      console.log(error);
    }
  });
}

这里，我们首先定义了formData对象，然后通过文件选择框中选择的文件，将文件添加到formData中。接着，使用jQuery的ajax方法，将formData发送到服务器中。

最后，在服务器端我们需要进行文件上传的处理。以下是一个upload.php文件的示例代码：

<?php
if ($_FILES["file"]["error"] > 0) {
  echo "Error: " . $_FILES["file"]["error"] . "<br>";
} else {
  move_uploaded_file($_FILES["file"]["tmp_name"], "uploads/" . $_FILES["file"]["name"]);
  echo "uploads/" . $_FILES["file"]["name"];
}?>

在这里，如果上传时出现错误，则输出一个错误信息。否则，使用move_uploaded_file函数将文件保存在服务器的uploads文件夹中，并输出文件的路径。

以上就是使用html5上传图片的全过程，希望对你有所帮助！