javascript/jqueryでvarsを渡す

Question

私は次のリンクをたどり、自分のスクリプトの例を実装しました。

Preview an image before it is uploaded

私は、それ自身の

<input type="file" name="file[]" accept="image/gif,image/jpeg" onchange="readURL(this,1);"/> 
<img id="imagediv1" src="#" alt="your image" /> 

のimgタグに続いて8つのファイルアップロード入力は今、Javascriptを私は）（私は警告をした

function readURL(input,cnum) { 
     if (input.files && input.files[0]) { 
      var reader = new FileReader(); 
      var cimage = 'imagediv'+cnum; 
      reader.onload = function (e) { 
       $("#cimage") 
        .attr('src', e.target.result) 
        .width(150) 
        .height(200); 
      }; 

      reader.readAsDataURL(input.files[0]); 
    }  } 
} 

を変更しました。 javascript内でcimage varが適切に作成されます。 ただし、imgは例のように変更されません。私は手動で各imagediv＃の関数を作成しようとしましたが、うまく動作します。

私はJavaScriptの中に何か不足していますか？

Answer 1

あなたが引用符の外「のCImage」を取り、代わりに「＃」にそれを連結する必要があります。

$("#"+cimage) 

それとも、いっそ、すべてのcimage変数を作成して気にしてばかりいたしませんこの：

$("#imagediv" + cnum) 

Answer 2

変更あなたの選択：

$("#" + cimage).attr("src", e.target.result).width(150).height(200); 

あなたのセレクタ$("#cimage")はid="cimage"の要素を探しています。