How to get image size dyamically w/ mutliple instances?
<p>I am using a FileReader to populate my images.</p>

<pre><code>// i.e. .... e.target.result
</code></pre>

<p>If i set an image element source like this:</p>

<pre><code>pic_upload_area.src = some_image;
</code></pre>

<p>I can get its dimensions like this:</p>

<pre><code>width = pic_upload_area.clientWidth;
</code></pre>

<p>And things work fine.  However if I now reset it to a new image like this:</p>

<pre><code>pic_upload_area.src = '';
pic_upload_area.src = new_image;
</code></pre>

<p>and once again get the image like this:</p>

<pre><code>width = pic_upload_area.clientWidth;
</code></pre>

<p>I find that it still has the old image width, and the new image has been malformed to fit the old image's dimensions.</p>

<p>I find it strange that it works only on the first attempt.  How can I get <code>clientWidth</code> to update when I update the <code>.src</code> attribute of the image?</p>
