用户上传图像,如何实现动态显示~

来源:互联网 发布:mac怎么打开html文件 编辑:程序博客网 时间:2024/05/22 11:59

在用户注册的时候,要求用户上传图像,然后动态的显示,首先第一步,要求:

<td>
                                    <div style='width:70px;height:60px;padding-bottom: 5px; border:1px solid #ddd'><img src='${webUiUrl}/images/cfkc/cfkcregister.jpg' alt='' style='width:70px;height:68px;' id='img'/></div>
                            </td>

 这是先写一个img图像框,默认的地址在我的cfkc这个包下,然后第二步,

<td colspan="3" >
                                    <span>上传照片:<br /><input type="file" name="fileName" id="audit_experts_image" style="width: 100%;" class="tabinput" onchange="checkFile();"/></span>
                                </td>

添加上传照片:按钮。


最后用ajax方式,把图片显示到img下,$("#img").attr('src','${webAppUrl}/'+responseText);

这个是img显示图片的地址,然后完美解决~


0 0
原创粉丝点击