Ext.net 1.x FileUploadField限制MIME文件类型_ext fileuploadfield属性-优快云博客

本文链接：https://blog.youkuaiyun.com/qq_39609936/article/details/97955168

在最新版(不太清楚是哪个版本添加了accpt属性)限制mime文件类型就比较简单只需要在Accept属性赋值即可，赋值方式和给HTML input 标签的 accpet一样

<ext:FileUploadField  Accept="video/*" ID="fileUpload"  runat="server" Text="上传"  >
 </ext:FileUploadField

Ext.net最新版本
但是在 Ext.net 1.x 版本 FileUploadField空间没有Accept属性。

如果我只有这种水平的话，我就不会发帖了。
打开谷歌调试工具，让我看究竟解析成什么玩意？

在这里插入图片描述
打开谷歌调试工具就会发现，IIS会把ext:FileUploadField空间解析成两个input标签。一个是输入框一个是上传标签也就是这个
既然有了

`<input type="file"/>

就好办了，直接给这个标签添加accept属性即可.

    <script type="text/javascript">
        var limitUploadFileType = function () {
            $("#fileUpload-file").attr("accept","video/*");
        }
    </script>
    <ext:ResourceManager  runat="server" />
        <ext:FileUploadField  ID="fileUpload"  runat="server" Text="上传"  >
            <Listeners>
                <Render Fn="limitUploadFileType" />
            </Listeners>
        </ext:FileUploadField>

ext.net 1.5版本

每次都需要用用开发工具找到file类型的input标签Id，太麻烦。简单优化一下。

<script type="text/javascript">
        var limitUploadFileType = function () {
       	    var fileId = fileUpload.getFileInputId();
            $("#"+fileId).attr("accept","video/*");
        }
  </script>
  <ext:ResourceManager  runat="server" />
  <ext:FileUploadField  ID="fileUpload"  runat="server" Text="上传"  >
   	<Listeners>
                <Render Fn="limitUploadFileType" />
         </Listeners>
   </ext:FileUploadField>
``