2013-05-10 1 views
0

나는 ajax 업로드 이미지를 사용하려고합니다. lraphael, 업로드 후 1.jpg 그런 다음 다른 이미지를 제거하고 동일한 이름으로 1.jpg를 업로드하십시오.
이미지가 방금 전에 제거한 것을 보여 주므로 비슷한 질문과 대답을 발견했습니다.
그래서 다른 이미지 URL 출력 후 <image href="..?different_value"> 같은 값을 추가 할.
지금은 다른 이미지를 표시하는 것이 좋지만 이미지 너비와 높이가 업데이트되지 않습니다. 여전히 이전 이미지의 너비와 높이, jquery 또는 PHP 내의 제안 사항으로이를 해결할 수 있습니까?이미지를 표시하지 않으려면 같은 이름의 이미지 만 제거 했습니까?

var cachenum = 0; 
$('.upload_btn').click(function(){ 
    var uf = $('.upload form'); 
    var fd = new FormData(uf[0]); 
    fd.append('upload','1'); 

    $.ajax({ 
     type: "POST", 
     url: "index.php", 
     data: fd, 
     processData: false, 
     contentType: false, 
     success: function(html){ 
      var session = ..., file = ... type = ...; 
      function register(el) { 
       // toggle handle and remove button 
      }; 
      var img = new Image(); 
      img.onload = function(){ 
       var img_width = this.width, img_height = this.height; 
       var img_scale = img_width/200; 
       var new_height = img_height/img_scale; 
       cachenum = cachenum+1; 
       var r_img = paper.image('img/product/tmp/'+session+'/'+file+type+'?'+cachenum, 0, 0, 200, new_height); 
       register(r_img); 
       return cachenum; 
      }; 
      img.src = 'img/product/tmp/'+session+'/'+file+type+'?'+cachenum; 
     } 
    }); 
+0

여러 이미지를 서버에 업로드해야합니까? 또는 나는 오해 했나요? –

+0

@ user123_456 예, 사용자가 여러 개의 이미지를 업로드 할 수있게하고 각 이미지를 제거 할 수있었습니다. – vibskov

답변

0

변수 cachenum 새로운 날짜()를 사용하여 대체 생각합니다. 다음 getTime()를 작업.

0

나는

아이디어는 여러 개의 이미지를 업로드하는 데 사용할 수있는 제기 단 하나 개의 입력을하는 것입니다 ... 여러 이미지를 업로드이 EXAMPLE를 사용하는 것이 좋습니다 수 있습니다.

ajax() 호출 할 필요가 없습니다 ... 사람들은이 아약스 호출을 아주 깊게 파고 들지만 가끔은 우리의 삶을 훨씬 쉽게 만들어주는 간단한 형식을 사용할 수 있습니다!

이 예와 같이 양식을 사용하면 시작하게됩니다.

하나 참고이 옵션은 모든 브라우저에서 작동하지 않습니다 !!! 그것도 생각 해봐!

크롬과 사파리에서 테스트 해 보았습니다.

즐기세요!

+0

답장을 보내 주셔서 감사합니다! 하지만 나는 즉 사용자를 떠날 수 없다 ... 또한 동적 인 페이지에서 보여줄 필요가 있고, Raphael 내에서 이미지를로드 할 필요가있다. 그러나 당신의 예제는 이미지를 업로드하는 것처럼 보이고 새로 고침없이 페이지에 표시 할 수 없다. – vibskov

+0

당신은 정말로 무엇을 성취하려고합니까? 제발 당신을 정확하게 이해하지 못해서 더 구체적으로 말하십시오. –

+0

사용자가 이미지를 업로드 할 수 있도록 페이지를 만들려고합니다. 새로 고침하지 않고 페이지에있는 각각의 업로드를 동적으로 보여 주며, 사용자는 더 많이 업로드하거나 삭제할 수 있습니다. 새로 고침없이 제거하십시오. 또한 사용자가 편집 할 수 있습니다 (회전, 크기 조정) 내에서 freetransform – vibskov

0

난 당신이 또한 이미지에 높이를 추가 할 수 있습니다

하면 이미지 만 SRC를 지정하기 때문에 그에게

img.src = 'img/product/tmp/'+session+'/'+file+type+'?'+cachenum; 
img.height = new_height; 
+0

답장을 보내 주셔서 감사합니다,하지만이 작동하지 않습니다, 왜냐하면 img.height은 img load에서 정의해야하기 때문입니다. – vibskov

관련 문제