使用HTML+JS实现图片上传与图片拖拽排序功能，要求处理网络传输异常情况与限制文件大小，对已上传的文件进行归类，展示已上传的图片

好的，这个问题涉及到的知识点比较多，我会尽可能详细地回答。

首先，我们可以使用 HTML 的 input 标签来实现图片上传功能，代码如下：

<input type="file" accept="image/*" id="file-input">

这个 input 元素会弹出一个文件选择框，用户可以选择要上传的图片文件。我们可以通过 JavaScript 来监听这个 input 元素的 change 事件，获取用户选择的文件，并进行上传。

const input = document.getElementById('file-input');
input.addEventListener('change', (event) => {
  const file = event.target.files[0];
  // 处理文件上传
});

接下来，我们考虑如何实现图片拖拽排序功能。我们可以使用 HTML5 中的 drag & drop API 来实现。首先，我们需要在 HTML 中设置一个容器元素，用来接受拖拽的图片。

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

然后，我们在 JavaScript 中监听这个容器元素的 dragover、dragenter、dragleave 和 drop 事件，实现图片的拖拽和排序。

const container = document.getElementById('image-container');
container.addEventListener('dragover', (event) => {
  event.preventDefault();
});
container.addEventListener('dragenter', (event) => {
  event.preventDefault();
  container.classList.add('dragover');
});
container.addEventListener('dragleave', (event) => {
  event.preventDefault();
  container.classList.remove('dragover');
});
container.addEventListener('drop', (event) => {
  event.preventDefault();
  container.classList.remove('dragover');

  // 处理拖拽图片排序
});

在处理拖拽排序时，我们可以使用 JavaScript 的 Array.sort() 方法，根据图片在容器中的位置来排序。排序后，我们可以重新渲染容器中的图片，展示已上传的图片。

在上传图片时，我们需要考虑网络传输异常情况和文件大小限制。对于网络传输异常情况，我们可以使用 XMLHttpRequest 对象来发送 AJAX 请求，并在请求失败时进行错误处理。

const xhr = new XMLHttpRequest();
xhr.open('POST', '/upload', true);
xhr.addEventListener('load', () => {
  // 处理上传成功的情况
});
xhr.addEventListener('error', () => {
  // 处理上传失败的情况
});
xhr.send(formData);

对于文件大小限制，我们可以在选择文件时通过设置 input 元素的 accept 属性限制文件类型，并通过读取文件的大小来限制文件大小。

const input = document.getElementById('file-input');
input.setAttribute('accept', 'image/*');
input.addEventListener('change', (event) => {
  const file = event.target.files[0];
  if (file.size > 1024 * 1024) {
    alert('文件大小不能超过 1MB');
    return;
  }
  // 处理文件上传
});

最后，我们需要对已上传的文件进行归类。归类的方式可以根据实际需求而定，比如可以按照上传时间、文件类型等进行归类。归类后，我们可以展示已上传的图片，比如可以使用 HTML 的 img 标签来展示。

const container = document.getElementById('image-container');
const img = document.createElement('img');
img.src = 'https://example.com/image.jpg';
container.appendChild(img);

以上就是使用 HTML+JS 实现图片上传与图片拖拽排序功能的一个简单示例。当然，这只是一个基础实现，实际应用中还需要考虑更多的细节和安全性问题。