Я делаю вкладыш формы продукта. Когда я выбираю элемент формы файла изображения, я получаю следующую ошибку
jquery-3.3.1.js:9600 POST http://localhost:8830/MyPage/product/imageUpload.jsp 500
Я не знаю, как решить эту проблему.
это моя форма вставки
<body>
<div class="container">
<div id="productLink">
<img src="" alt="" />
</div>
<form action="imageUpload.jsp" method="post" enctype="multipart/form-data" id="productPic">
<div>
<label for="photo">사진</label>
<input type="file" id="photo1" name="photo" accept=".jpg, .jpeg, .png, .JPG, .JPEG" />
</div>
</form>
<form action="insertProduct.jsp" method="post">
<input type="hidden" name="photo" id="photo2" />
<div>
<label for="title">제목</label>
<input type="text" id="title" name="title" />
</div>
<div>
<label for="price">가격</label>
<input type="text" id="price" name="price" />
</div>
<button type="submit">저장</button>
<a href="../index.jsp">취소</a>
</form>
</div>
<script src="${pageContext.request.contextPath }/resources/js/jquery.form.min.js"></script>
<script>
$("#photo1").on("change", function(){
$("#productPic").submit();
});
$("#productPic").ajaxForm(function(responseData){
var src="${pageContext.request.contextPath }"+responseData.savedPath;
$("#productLink img").attr("src", src);
$("#photo2").val(responseData.savedPath);
});
</script>
</body>
Ответьте ajaxForm в формате json на место, где хранится файл.
<%@ page language="java" contentType="application/json; charset=UTF-8" pageEncoding="UTF-8"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>
...
{"savedPath":"${savedPath }"}
Это ошибка javascript: [![javascript error]](https://i.stack.imgur.com/XcYSz.png)