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

好的，这个问题我可以回答。首先，我们需要一个可以上传文件的HTML表单，可以使用`<input type="file">`标签来实现。这个标签可以让用户选择文件并上传。但是要注意限制文件大小，可以使用`accept`属性来限制上传的文件类型，但是无法限制文件大小。因此，需要使用JavaScript来实现文件大小的限制。

下面是一个简单的HTML表单，用于上传图片：

<form id="upload-form" enctype="multipart/form-data">
  <input type="file" id="file-input" name="file" multiple>
  <button type="submit">上传</button>
</form>

接下来，我们需要处理文件的上传和展示。可以使用JavaScript来实现这个功能。代码如下：

const form = document.getElementById('upload-form');
const fileInput = document.getElementById('file-input');
const fileList = document.getElementById('file-list');

form.addEventListener('submit', (event) => {
  event.preventDefault();
  const files = fileInput.files;
  for (let i = 0; i < files.length; i++) {
    const file = files[i];
    // 检查文件大小
    if (file.size > MAX_FILE_SIZE) {
      alert('文件大小超过限制');
      continue;
    }
    // 创建FormData对象
    const formData = new FormData();
    formData.append('file', file);
    // 发送POST请求上传文件
    const xhr = new XMLHttpRequest();
    xhr.open('POST', '/upload');
    xhr.send(formData);
    // 添加文件到文件列表中
    const li = document.createElement('li');
    li.textContent = file.name;
    fileList.appendChild(li);
  }
});

fileList.addEventListener('dragover', (event) => {
  event.preventDefault();
});

fileList.addEventListener('drop', (event) => {
  event.preventDefault();
  const files = event.dataTransfer.files;
  for (let i = 0; i < files.length; i++) {
    const file = files[i];
    // 检查文件大小
    if (file.size > MAX_FILE_SIZE) {
      alert('文件大小超过限制');
      continue;
    }
    // 创建FormData对象
    const formData = new FormData();
    formData.append('file', file);
    // 发送POST请求上传文件
    const xhr = new XMLHttpRequest();
    xhr.open('POST', '/upload');
    xhr.send(formData);
    // 添加文件到文件列表中
    const li = document.createElement('li');
    li.textContent = file.name;
    fileList.appendChild(li);
  }
});

以上代码实现了文件的上传和展示，但是还没有实现文件的排序和归类。对于文件的排序，可以使用`HTML5 Drag and Drop API`来实现。代码如下：

let dragging;

fileList.addEventListener('dragstart', (event) => {
  dragging = event.target;
});

fileList.addEventListener('dragover', (event) => {
  event.preventDefault();
  const target = event.target;
  if (target !== dragging && target.nodeName === 'LI') {
    const rect = target.getBoundingClientRect();
    const next = (event.clientY - rect.top) > (rect.bottom - event.clientY);
    fileList.insertBefore(dragging, next ? target.nextElementSibling : target);
  }
});

fileList.addEventListener('dragend', (event) => {
  dragging = null;
});

最后，我们需要对上传的文件进行归类。可以使用文件的后缀名来判断文件类型，并将文件添加到相应的文件夹中。代码如下：

const folders = {};

form.addEventListener('submit', (event) => {
  event.preventDefault();
  const files = fileInput.files;
  for (let i = 0; i < files.length; i++) {
    const file = files[i];
    // 检查文件大小
    if (file.size > MAX_FILE_SIZE) {
      alert('文件大小超过限制');
      continue;
    }
    // 创建FormData对象
    const formData = new FormData();
    formData.append('file', file);
    // 发送POST请求上传文件
    const xhr = new XMLHttpRequest();
    xhr.open('POST', '/upload');
    xhr.send(formData);
    // 添加文件到文件列表中
    const li = document.createElement('li');
    li.textContent = file.name;
    fileList.appendChild(li);
    // 归类文件
    const parts = file.name.split('.');
    const ext = parts[parts.length - 1];
    if (!folders[ext]) {
      folders[ext] = document.createElement('ul');
      folders[ext].classList.add('folder');
      const folderTitle = document.createElement('h2');
      folderTitle.textContent = ext;
      folders[ext].appendChild(folderTitle);
      document.body.appendChild(folders[ext]);
    }
    folders[ext].appendChild(li);
  }
});

以上就是实现图片上传与图片拖拽排序功能的HTML和JavaScript代码。