이미지가 있는 행을 클릭시에 선택된 파일 없음 이라고 계속 뜨는 오류 질문드립니다.

Question

ajax를 통해 테이블을 생성하고, 테이블의 category쪽을 클릭했을때 텍스트 필드에 그 행에 대한 값이 불러와지는 ajax 방식입니다. 그런데 이미지만 불러와지지않는데... 테이블로 생성할때는 넣었던 이미지 그대로 가져와지는데, 클릭하고 났을때는 계속 이미지가 선택된 파일 없음 이라고만 뜨고있습니다.아래 있는 ajax로 클릭시에 이미지랑 그런걸 받아오게 하려고 만들었습니다. 테이블 만들시에 이미지가 들어오는걸로봐선 이미지 소스가 잘못된 것은 아닌 것같은데...window.onload = function() { //AJAX요청 $.ajax({ type: "Post", url: "QueryServletUpdate", data: {name: name}, success: function(response) { /* 서버에서 받은 응답 처리 */ console.log(response) createTable(response) } }) } function createTable(data) { dataReal = Array.from(data) let table = "" table += "" //데이터 행 추가 for (let i = 0; i < data.length; i++) { table += "" + "" + "" + "" + "" + "" + "" + "" + ""; } table += "

Category	Name	Gender	Color	Qty	Price	Image
" + "" +data[i].proCategory + "" + "	"+ data[i].proName + "	"+ data[i].proGender + "	"+ data[i].proColor + "	"+ data[i].proQty + "	"+ data[i].proPrice + "

" $("#result").html(table); //result 는 index에 있는 div id="result" $("#result").css("width", "100%"); } function handleClick(index){ let inputproCategory = document.getElementById("proCategory") let inputproName = document.getElementById("proName") let inputproGender = document.getElementById("proGender") let inputproColor = document.getElementById("proColor") let inputproQty = document.getElementById("proQty") let inputproPrice = document.getElementById("proPrice") let inputproImage = document.getElementById("proImage") inputproCategory.value = dataReal[index].proCategory inputproName.value = dataReal[index].proName inputproGender.value = dataReal[index].proGender inputproColor.value = dataReal[index].proColor inputproQty.value = dataReal[index].proQty inputproPrice.value = dataReal[index].proPrice inputproImage.src = dataReal[index].proImage; }아래가 QueryServletUpdate입니다.이미지를 디비에 삽입할때 Multirequest?이것을 사용해서 경로만 디비에 집어넣고 이미지 사진을 가져오는 형태로 만들었습니다.protected void doPost(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException { // AJAX에서 전달한 데이터 받기 String name = request.getParameter("name"); response.setContentType("text/html;charset=UTF-8"); //박스에 여러개의 데이터 담기 ArrayList studentList = new ArrayList(); String query = "SELECT proCategory,proName,proGender,proColor,proQty,proPrice,proImage from product where proName like '%" + name + "%'"; try { Class.forName("com.mysql.cj.jdbc.Driver"); Connection conn_mysql = DriverManager.getConnection(SharVar.url_mysql,SharVar.id_mysql,SharVar.pw_mysql); Statement stmt_mysql = conn_mysql.createStatement(); ResultSet rs = stmt_mysql.executeQuery(query); while(rs.next()) { Productdto3 student = new Productdto3(); student.setProCategory(rs.getString("proCategory")); student.setProName(rs.getString("proName")); student.setProGender(rs.getString("proGender")); student.setProColor(rs.getString("proColor")); student.setProQty(rs.getInt("proQty")); student.setProPrice(rs.getString("proPrice")); student.setProImage(rs.getString("proImage")); studentList.add(student); // 이거하나면 하나씩 한줄로 계단식이됨. } //ArrayList에 담겨잇는 데이터를 json으로 변경하여 넘김' response.setContentType("application/json"); response.setCharacterEncoding("UTF-8"); PrintWriter out = response.getWriter(); out.print(new Gson().toJson(studentList)); out.flush(); }catch(Exception e) { e.printStackTrace(); } }}아래가 화면에 보여지는 곳입니다.<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%> AJAX MySQL Table Query1

카테고리
제품이름
성별
수량
가격
색상
이미지

아직 수정 버튼은 코드도 안만들어둔 상태이고, 행을 눌렀을때 값이 다들어가고, 이미지 부분에는 선택된 파일 없음이 아니라 만약에 그 행을 클릭했을때 이미지가 image.png라면 선택된 파일 없음에 image.png가 들어가게 하고 싶습니다.어떻게 하면 좋을까요... 이미지 미리보기 같이 사진이 있어야 이게 들어갈 수 있는 걸까요??

kenu,전독시 · Answer

ajax를 통해 테이블을 생성하고, 테이블의 category쪽을 클릭했을때 텍스트 필드에 그 행에 대한 값이 불러와지는 ajax 방식웹 요청으로 테이블 무한 생성인 것인가요?

이미지가 있는 행을 클릭시에 선택된 파일 없음 이라고 계속 뜨는 오류 질문드립니다.

1개의 답변

기술 목록