我通過 ajax 請求從服務器發送一個 midi 文件：// Create new request add token const generateRequest = new XMLHttpRequest();generateRequest.open('POST', '/generate');generateRequest.setRequestHeader('X-CSRFToken', csrftoken);generateRequest.onload = () => { // Get response from server console.log(generateRequest.response); // /tmp/music21/tmp5v_ulgkr.mid let objectURL = URL.createObjectURL(generateRequest.response); document.getElementById('myVisualizer').src = objectURL;};// Add the motif to send with the requestconst data = new FormData();data.append('motif', JSON.stringify(notes));// Send requestgenerateRequest.send(data);服務器：def generate(request): if request.method == "POST": # Do some stuff midi = mg.save_melody(melody) return HttpResponse(midi, content_type="audio/midi", status=200)Mi的想法是將mi midi-visualizer的src設置為midi文件：<midi-visualizer src="" type="staff" id="myVisualizer"></midi-visualizer><midi-player sound-font visualizer="#myVisualizer"></midi-player>但我得到：未捕獲類型錯誤：無法在“URL”上執行“createObjectURL”：未找到與提供的簽名匹配的函數。我也嘗試了 srcObject 但沒有結果。如何將 src 更改為我的 midi 文件？
1 回答
拉丁的傳說
TA貢獻1789條經驗 獲得超8個贊
我是這樣解決的：
# Generate the melody based on the seed
@require_http_methods(["POST"])
def generate(request):
# See if method was post
if request.method == "POST":
# Do some stuff
midi = mg.save_melody(melody)
try:
with open(midi, 'rb') as f:
file_data = f.read()
response = HttpResponse(file_data, content_type="audio/midi", status=200)
except IOError:
response = JsonResponse({"succes": False}, status=400)
return response
和 JavaScript：
const csrftoken = document.querySelector('[name=csrfmiddlewaretoken]').value;
// Create new request add token
const generateRequest = new XMLHttpRequest();
generateRequest.open('POST', '/generate');
generateRequest.setRequestHeader('X-CSRFToken', csrftoken);
generateRequest.responseType = 'blob';
generateRequest.onload = () => {
// Get response from server
console.log(generateRequest.response);
let objectURL = URL.createObjectURL(generateRequest.response);
document.getElementById('myVisualizer').src = objectURL;
document.getElementById('playerMidi').src = objectURL;
};
添加回答
舉報
0/150
提交
取消