如何使用 typescript 将 zip 文件数据发送到 REST API？

在IT行业这个发展更新速度很快的行业，只有不停止的学习，才不会被行业所淘汰。如果你是Golang学习者，那么本文《如何使用 typescript 将 zip 文件数据发送到 REST API？》就很适合你！本篇内容主要包括##content_title##，希望对大家的知识积累有所帮助，助力实战开发！

我想从 gui 上传 zip 并将该 zip 文件保存在 /temp 文件夹中。在我的应用程序中，前端代码是用 typescript 编写的，后端代码是用 golang 编写的。

当我从前端上传 zip 时，zip 文件数据在浏览器控制台中如下所示：

data:application/x-zip-compressed;base64,uesdbbqaaaaaahdpvlqaaaaaaaaaaaaaaaayaaaaa2lhbglfymfja3vwxzi4xza1xziwmjivuesdbbqaaaaaafxpvlqaaaaaaaaaaaaaaaaeaaaaa2lhbglfymfja3vwxzi4xza1xziwmjivz3jhcggvuesdbbqaaaaaaffpvlqaaaaaaaaaaaaaaaaiaaaaa2lhbglfymfja3vwxzi4xza1xziwmjivz3jhcggvyxbpl1blawquaaaa......

当我尝试在后端获取请求时，它始终为空。

有没有办法使用typescript将上述数据发送到后端？

下面是我的前端代码

handleFileInputChange = (_event, file) => {
    this.setState({ 
      filename: file.name });
    console.log(this.state.filename);
}

handleTextOrDataChange = value => {
    this.setState({ 
    fileData: value });
  }

handleClear = _event => this.setState({ filename: '', value: '' });

handleFileReadStarted = _fileHandle => this.setState({ isLoading: true });

handleFileReadFinished = _fileHandle => this.setState({ isLoading: false });

saveFileData = (filename: string, filedata: any) => {
    console.log("Filename:",filename);
    console.log("Filedata:",filedata); 
    var str = filedata;
    var splitted1: any
    var splitted = str.split(","); 
    for (let i=0;i<splitted.length;i++){
      splitted1 = splitted[1]
    }
  
    console.log(splitted1)
      API.sendFileNameAndFileData(filename,splitted1).then(response => {
        this.setState({
          fileSavestatusText: response.data,
        });
      });
  };

render(){
   return (
    <FileUpload
      id="archive-file"
      type="dataURL"
      value={value}
      filename={filename}
      filenamePlaceholder="Drag and drop a file or upload one"
      onFileInputChange={this.handleFileInputChange}
      onDataChange={this.handleTextOrDataChange}
      onTextChange={this.handleTextOrDataChange}
      onReadStarted={this.handleFileReadStarted}
      onReadFinished={this.handleFileReadFinished}
      onClearClick={this.handleClear}
      hideDefaultPreview
      browseButtonText="Upload"
      height='425px'
      width='810px'
     >
      {filename && (
       <div className="pf-u-m-md">
        <FileUploadIcon size="md" /> Custom preview here for your file named {filename}
        </div>
        )}
    </FileUpload>
    <Button className= { buttonstyle } variant="primary" onClick={() => 
      this.saveFileData(this.state.filename, this.state.fileData)}> Save
    </Button>
 );
}

正确答案

我正在使用以下 ioutil 函数在后端处理响应

body, err := ioutil.ReadAll(r.Body)
s := string(body)
fmt.Println(s)
dec, err := base64.StdEncoding.DecodeString(s)
if err != nil {
   panic(err)
}

并对body变量进行操作，如上面的代码一样使用。

今天关于《如何使用 typescript 将 zip 文件数据发送到 REST API？》的内容就介绍到这里了，是不是学起来一目了然！想要了解更多关于的内容请关注golang学习网公众号！