ファイルをアップロードしてフォルダーに保存するために正常に機能するファイルアップロードコードを作成しました。ユーザーが PDF ファイルの URL を読み込めるようにする機能が含まれており、URL からのファイルをアップロードして保存する必要があります。コード:
function loadURL(box) {
var box = dhtmlx.modalbox({
title: "Load URL",
text: "<div id='form_in_box'><div>Enter the URL of PDF file <hr/><div><div><textarea id='file' style='width: 400px; height: 27px;'></textarea></div><span class='dhtmlx_button'><input type='submit' value='Load URL' style='width: 86px' onclick='save_file(this)'></span><span class='dhtmlx_button'><input type='button' value='Cancel' onclick='close_file(this)' style='width:80px;'></span></label></div></div>",
width: "300px"
})
}
function save_file(box) {
var file = document.getElementById('file');
if (file.value == "") {
alert("Choose a file to upload");
return false;
}
dhtmlx.modalbox.hide(box);
var fd = new FormData();
fd.append('file', file.files[0]);
var xhr = new XMLHttpRequest();
xhr.open('POST', '/FileUpload/Upload', true);
xhr.onreadystatechange = function () {
if (xhr.readyState == 4 && xhr.status == 200) {
alert('File successfully uploaded to the server');
}
};
xhr.send(fd);
上記のコードを load_URL に使用すると、次のようなエラーが発生します: TypeError: file.files is undefined fd.append('file', file.files[0]);