Question

我必须实现文件上传功能。我已经编写了后端部分，它可以接受File对象或字节数组。挑战在于，如何将File对象或字节数组从前端传递到后端。我在javascript中写前端。 javascript是否提供任何此类功能来捕获文件格式的对象？请帮忙。

Answer 1

在这种情况下你可以使用AJAX进行文件上传， [可能无法在少数旧浏览器中使用]

我的代码片段用于我的项目，一旦选择了文件，就会在点击按钮时上传文件。

$( "#uploadImage" ).on('click',function()
    {

      try {

        var file = $('#file_upload').prop("files")[0]; //file_upload is form's id
        var name = file.name;
        var size = file.size;
        var type = file.type;

        if (type != 'image/png' && type != 'image/jpeg' )throw {"msg": 'Invalid image type'}

        if (size > 1024 * 1024 * 2 )throw {"msg": 'Invalid image size'}


        var formObj = new FormData($('form')[1]);

        $.ajax({
          url: "YOUR URL",
          data: formObj,
          processData: false,
          contentType: false,
          dataType:'json',
          type: 'POST',
          success: function(data){
            // Success code
          }
        }); 

      }catch (e) {
        console.log(e.msg);
      }

    });

使用javascript实现文件上载功能

1 个答案: