У меня есть фрагмент кода JavaScript, который генерирует .jpeg
через редактор, построенный на холсте.Я хочу передать .jpeg
на сервер и сохранить файл на сервере.Пока мне удалось отправить файл с клиента на сервер с HTML POST.Но я не могу сделать это изнутри javascript.
Поскольку javascript не может получить доступ к файловой системе клиента, как вы можете получить данные из javascript на сервер?
Я использовал приведенный ниже код для отправки файла с клиента на сервер.
<form method="post" action="" enctype="multipart/form-data" id="myform">
<div >
<input type="file" id="file" name="file" />
<input type="button" class="button" value="Upload" id="but_upload">
</div>
</form>
<script type="text/javascript">
jQuery(document).ready(function() {
jQuery("#but_upload").click(function() {
var fd = new FormData();
var files = jQuery('#file')[0].files[0];
fd.append('file', files);
jQuery.ajax({
url: 'http://localhost:1234/wordpress/wpcontent/themes/twentyseventeen/upload.php',
type: 'post',
data: fd,
contentType: false,
processData: false,
success: function(response){
if(response != 0){
alert('file uploaded');
}
else{
alert('file not uploaded');
}
},
});
});
});
</script>