ajax 응답에서 이미지 표시
형벌 아브라함
아래와 같이 jquery에서 응답을 받고 있습니다. ajax 요청을 통해 db의 이미지를 표시하고 싶습니다. 내 컨트롤러 코드 :
public function images($id='')
{
$this->load->model('gallery');
$data = this->gallery_model->getimages($this->input->post('id'));
echo json_encode($data);
}
내 아약스 :
function imageslide(folderid){
$.ajax({
url: "<?php echo site_url() ?>/welcome/images",
type: "POST",
dataType: "json",
data: {id: folderid},
success: function(result) {
if(result){
resultObj = eval (result);
alert(JSON.stringify(resultObj));
}else{
alert("error");
}
}
});
Network탭 에서받은 결과 는
[{"id":"153","file_name":"DSC00081.JPG","created":"2017-05-23 09:36:32","modified":"2017-05-23 09:36:32","status":null,"folder_id":"50"},{"id":"154","file_name":"DSC00082.JPG","created":"2017-05-23 09:36:32","modified":"2017-05-23 09:36:32","status":null,"folder_id":"50"},{"id":"155","file_name":"DSC00083.JPG","created":"2017-05-23 09:36:32","modified":"2017-05-23 09:36:32","status":null,"folder_id":"50"}]
<img>태그 의 브라우저에 이미지를 표시하는 방법을 모르겠습니다 . 보시다시피 jpeg경고 창에 들어갑니다. 친절하게 도와주세요 .. 미리 감사드립니다!
디에고
예를 들어 배열의 첫 번째 인덱스와 함께 jQuery를 사용하여 이미지를 추가 할 수 있습니다.
$('#container').append('<img src="' + result[0].file_name + '" />');
각 이미지를 추가하려면 forEach 루프를 사용할 수 있습니다.
result.forEach(function (image) {
$('#container').append('<img src="' + image.file_name + '" />');
});
이 기사는 인터넷에서 수집됩니다. 재 인쇄 할 때 출처를 알려주십시오.
침해가 발생한 경우 연락 주시기 바랍니다[email protected] 삭제
에서 수정
관련 기사
Related 관련 기사
- 1
ajax 응답에서 파슬리 표시 오류 메시지
- 2
플라스크 send_file (ajax 응답)의 이미지를 이미지 태그에 표시
- 3
Ajax 응답이 JS에 표시되지 않음
- 4
Ajax 응답이 JS에 표시되지 않음
- 5
ajax 호출에서 다른 페이지로 응답 게시
- 6
Rails의 Ajax에서 응답을 지연시키는 방법
- 7
jQuery : Ajax 응답에서 데이터 게시
- 8
SPRING에서 Ajax에서 응답을 호출하는 동안 허용되지 않는 오류 표시
- 9
Ajax 응답 상태 200이지만 오류 메시지 표시
- 10
Ajax 호출이 성공시 응답을 표시하지 않음
- 11
각 반복에서 이미지를 표시하는 방법 (ajax)
- 12
cakephp 파일 응답에서 반환 된 이미지 데이터 표시
- 13
AJAX로 API에서 응답 게시
- 14
AJAX에서 PHP에 이미지 게시
- 15
jQuery AJAX 응답이 PHP를 표시하지 않음
- 16
AJAX $ .post가 응답 데이터를 표시하지 않음
- 17
JQuery + ajax + json이 응답을 표시하지 못함
- 18
Ajax 오류 응답을 웹 페이지로 표시
- 19
Alamofire 업로드 이미지에서 응답 메시지 추출
- 20
ajax 응답은 좋지만 HTML에서 선택하지 마십시오.
- 21
Ajax POST-응답 표시
- 22
Ajax () 응답이 정시에 수신되지 않습니까?
- 23
ajax php로 웹 페이지에 업로드 된 이미지 표시
- 24
AJAX jquery가 응답하지 않고 div를 표시합니다.
- 25
ajaxForm에서 서버 응답까지 대기 div 표시
- 26
ajaxForm에서 서버 응답까지 대기 div 표시
- 27
HTML 페이지에 Ajax 표시
- 28
Ajax 응답에서 다양한 종류의 데이터를 구문 분석하고 UI에 표시하는 방법은 무엇입니까?
- 29
AJAX 응답을 HTML 페이지로 어떻게 표시 할 수 있습니까?
몇 마디 만하겠습니다