单击上传按钮后，我想显示img.png。这是该按钮的代码：
<button style="padding: 4px;margin-top: 30px;border-radius: 0px;" type="submit" class="btn btn-primary btn-lg"><span class="glyphicon glyphicon-upload"></span></button>
<div id="image_details"></div>
当文件名的值位于时，我想将其隐藏IFRAME。文件上传代码如下。
<form target="upload_target" id="fileupload" method="post" action="<?php echo site_url('upload_file/upload_it'); ?>" enctype="multipart/form-data">
<div class="fileUpload btn btn-warning">
<span>Browse</span>
<input id="uploadBtn" type="file" multiple="multiple" name="files[]" class="upload" />
</div>
<input id="uploadFile" style="width: 160px; margin-top: 30px;float: left;height: 34px;" placeholder="Choose File" disabled="disabled" />
<button style="padding: 4px;margin-top: 30px;border-radius: 0px;" type="submit" class="btn btn-primary btn-lg"><span class="glyphicon glyphicon-upload"></span></button>
<div id="image_details"></div>
</form>
</div>
</div>
<div class="col-lg-3" style="padding-left:0px;">
<iframe id="upload_target" name="upload_target" src="#" style="border:0px; background-color:#FFFFFF; " scrolling="no">
</iframe>
</div>
使用jQuery，您应该添加两个事件：
$("#fileupload").on("submit", function()
{
//Put here the code to SHOW image
});
和
$("#upload_target").on("load", function()
{
//Put here the code to HIDE image
});
本文收集自互联网，转载请注明来源。
如有侵权，请联系 [email protected] 删除。
我来说两句