폴더 내용에서 HTML로 개별 img src 읽기

몇 가지 간단한 코드를 작성하려고하지만 자바 스크립트 나 PHP를 어떻게 사용해야하는지 잘 모릅니다. 구조화 된 HTML 문서가 있고 폴더의 이미지를 각 img src 속성에 삽입하고 싶습니다. 그래서 기본적으로 내용을 읽고 각각 하나씩 차례로 삽입해야합니다. 올바른 방향으로 날 조종 할 수있을 사람에게폴더 내용에서 HTML로 개별 img src 읽기

<div class="slideshow"> 
     <div class="wrapper"> 
      <ul> 
       <li> 
        <div class="main"> 
         <a href="product1.html"><img src="images/sample/name1-1.jpg" alt="" width="630" height="400" /></a> 
        </div> 
        <div class="second"> 
         <img src="images/sample/name1-2.jpg" alt="" width="310" height="190" /> 
        </div> 
        <div class="third"> 
         <img src="images/sample/name1-3.jpg" alt="" width="310" height="190" /> 
        </div> 
       </li>

감사합니다 .. 내가 디렉토리

<?php 

Header("content-type: application/x-javascript"); 

function returnimages($dirname=".") { 
$pattern="(\.jpg$)|(\.png$)|(\.jpeg$)|(\.gif$)"; 
$files = array(); 
$curimage=0; 
if($handle = opendir($dirname)) { 
while(false !== ($file = readdir($handle))){ 
if(eregi($pattern, $file)){ 

echo 'galleryarray['.$curimage.']="'.$file .'";'; 
$curimage++; 
} 
} 

closedir($handle); 
} 
return($files); 
} 

echo 'var galleryarray=new Array();'; 
returnimages() 
?>

하지만 이것에서 이미지를 얻기 위해 다음 코드를 사용하고

포인트 각 파일 이름을 src 속성에 삽입하는 방법을 모르겠다.

출처

2012-03-08 Jjames

로 SCR 필드에 추가거야? –

사용자가 이미지를 업로드하려면 구조화 된 HTMl 도큐멘트의 소스 attr로 경로를 읽어야합니다. – Jjames

이미지를위한 제품 ID와 연관된 이미지 이름을 보관할 테이블을 만들 수 있습니다. 예를 들어 "업로드"라고 말한 폴더에 이미지를 저장 한 다음 데이터베이스에서 이름을 사용하고 "images/uploaded/productImage001.jpg"로 경로를 가져 오십시오. – Kaushtuv

여기에 PHP를 사용 floder 이미지를 업로드하는 방법에 여기를 참조하십시오 그것과 함께

INSERT INTO images (id, image_name, product_id) VALUES ('myimage.jpg', '20');

나는 당신이 'id'필드, 이미지의 기본 키에 대해 자동 증가를 사용한다고 가정합니다.

그런 다음 당신은 어디에서 이미지를 얻을 수 있습니까 PRODUCT_ID하여 이미지 테이블을 조회하고 이미지 이름은 다음

$imagename = 'myimage.jpg'; 

<img src="images/<?=$imagename;?>" />

출처

2012-03-08 23:12:14 Kaushtuv

우수, 감사합니다! – Jjames

JavaScript로 서버의 디렉토리를 읽을 수 없으므로 PHP와 Recursiv와 같은 것을 사용해야한다. eDirectoryIterator (http://php.net/manual/en/class.recursivedirectoryiterator.php)

출처

2012-03-08 10:12:56 Petter

PHP를 사용하면 glob() 함수를 사용하여 디렉토리에서 특정 파일을 가져올 수 있습니다.

예를 들어 glob("path/to/images/*.jpg")은 디렉토리에 jpg 이미지 배열을 제공합니다. 그런 다음 foreach 루프를 사용하여 HTML 페이지에 모두 인쇄 할 수 있습니다. 당신은 단순히 업로드 완료되면 같은 관련 이미지 이름 및 제품 ID 등의 이미지 정보가 포함 된 테이블에 추가 할 수있는 삽입 쿼리를 작성 그런 http://www.w3schools.com/php/php_file_upload.asp

출처

2012-03-08 10:16:38 jmakila

폴더 내용에서 HTML로 개별 img src 읽기

답변

관련 문제