JavaScriptのAjaxを使用してAPIサーバーに.docxを送信する

Question

前提・実現したいこと

訳あってブラウザ上で取得したワードファイル(.docx)をAPIサーバー(Python/Flask)に送信し、APIサーバー側でテキスト抽出したいと考えています。
ブラウザ上で画像ファイルを取得して、FileReaderのreadAsDataURLを使用し、画像ファイルをAPIサーバーに送信することはできたので、同じような要領でワードファイルもAPIサーバーにファイルデータを送信できないかと考えています。

方法がわかる方はいらっしゃいますでしょうか?
それよりも、JavaScript上でワードファイルからテキストを抽出する方が良いのでしょうか?

よろしくお願いします。

Comments

[2KOH]

ブラウザ上でワードファイルを取得して、FileReaderのreadAsDataURLを使用し、ワードファイルをAPIサーバーに送信すればいいのではないでしょうか。
質問内容の中にすでに答えが書かれているようにしか思えないのですが。

わからないことがあるなら、何がわからないのかを具体的に示してください。

[Yuu]

画像と同じ方法でワードも扱えるのですね。

Python側で受け取ったデータをどのように扱えばよいのかわかりません。
どうやってワードファイルの中身を抽出すればよいのでしょうか。

[2KOH]

ファイルを送信する方法は、画像ファイルだろうとワードファイルだろうと同じです。
次からは、まずは手元で試してみて、できなかったときに質問するようにしてください。

また、ワードファイルから中身を抽出することは、ファイルを送信することとは全くの別物です。
別の質問で行ってください。

[Yuu]

そうですか
ありがとうございます。

Answer 1

とりあえず自己解決したので閉じます。

JSでの送信側

var reader = new FileReader();
reader.readAsDataURL(file.file);

reader.onload = function(evt) {
        // get Data Url
	var data_url = reader.result;
        // cut base64. make send data
	var split_data_url = data_url.split(',');
	var send_data = split_data_url.pop()

	$.ajax({
		url : "http://host_name:port",
		type : "POST",
		crossDomain: true,
		data : send_data,
		cache : false,
		contentType : false,
		processData : false,
		}).done(function(result){
			console.log(result);
		}).fail(function(result){
			console.log('failed to load the info');
			console.log(result);
		});
	}
}

Python(Flask)での受信側

import json

from flask import Flask, jsonify, make_response, request, Response
from flask_cors import CORS
import docx2txt
import base64


app = Flask(__name__)
CORS(app)

@app.route('/', methods=['POST'])
def post_json():
  # get data
  doc_base64 = request.get_data()
  dec_data = base64.b64decode(doc_base64)

  # save file to local
  with open("tmp.docx", "wb") as fh:
    fh.write(dec_data)

  # open file and get text
  text = docx2txt.process('tmp.docx').replace('\n', '。')
  print(text)

  result = { "data": text }
  return jsonify(result) 

if __name__ == "__main__":
  app.run(debug=False, host='foo', port=port)

base64の使い方がいまいちわからないので、ローカルに保存したファイルを一度読み込んでます。