记录使用plupload插件踩过的一个坑

记录一次在使用plupload过程中，初始化控件成功后，始终不触发上传动作

以下是我的html代码（此处由于业务需要先点击“打开上传控件“再选择图片上传）

<button id="openUpload">打开上传控件</button>
<div class="btm-local-style-cls" style="display: none">
    <input id="imgUpload" accept="image/*" data-type="magImage" type="file"/>    
</div>

问题描述：plupload.init()初始化成功，但是始终无法触发上传，通过调试发现plupload自动生成的DOM控件的width和height都是0px

如图所示，width和height都是0px所以获取不到焦点，因此点击上传无反应

根本原因：在plupload.init()初始化的时候控件对应的DOM容器属性display: none，故生成的控件div的width和height都是0px

解决方式：在打开上传控件操作的时候手动给$(".moxie-shim").css({"width":"100%","height":"100%"})就可以了