当在本地主机上运行时，文件类型和大小限制的检查是可行的，因为你可以直接访问文件系统。但是，在网络主机上运行时，你通常无法直接访问文件系统，因此无法进行文件类型和大小的检查。解决这个问题的一种方法是使用前端技术来进行文件类型和大小的检查。

以下是一个使用JavaScript和HTML的示例，展示如何在前端进行文件类型和大小的检查：

HTML代码：

JavaScript代码：

function checkFile(fileInput) {
  const file = fileInput.files[0];
  const maxSize = 5 * 1024 * 1024; // 5MB
  const allowedTypes = ['image/jpeg', 'image/png', 'image/gif'];

  if (file.size > maxSize) {
    alert('文件过大，请选择小于5MB的文件');
    fileInput.value = ''; // 清空文件输入
    return;
  }

  if (!allowedTypes.includes(file.type)) {
    alert('文件类型不支持，请选择图片文件');
    fileInput.value = ''; // 清空文件输入
    return;
  }

  // 文件类型和大小检查通过，可以进行后续操作
  console.log('文件类型和大小检查通过');
  // 进行其他处理逻辑...
}

上述示例中，input元素的type属性设置为"file"，accept属性设置为"image/*"，表示只接受图片文件。当用户选择了文件后，会触发onchange事件，并调用checkFile函数进行文件类型和大小的检查。

在checkFile函数中，首先获取用户选择的文件（fileInput.files[0]），然后进行大小和类型的检查。如果文件大小超过了5MB或者文件类型不是图片类型，会弹出相应的提示信息，并清空文件输入框（fileInput.value = ''）。

如果文件类型和大小检查通过，你可以在相关的逻辑中进行后续的处理操作。

请注意，前端的文件类型和大小检查可以提高用户体验，但在真正处理文件时，仍然需要在后端进行严格的检查和验证。