📄 file-upload.html.svn-base
字号:
<html><head> <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" /> <title>File Upload Field Example</title> <link rel="stylesheet" type="text/css" href="../../resources/css/ext-all.css" /> <script type="text/javascript" src="../../adapter/ext/ext-base.js"> </script> <script type="text/javascript" src="../../ext-all-debug.js"> </script> <link rel="stylesheet" type="text/css" href="file-upload.css"/> <script type="text/javascript" src="FileUploadField.js"></script> <script type="text/javascript" src="file-upload.js"></script> <link rel="stylesheet" type="text/css" href="../shared/examples.css" /> <style> .upload-icon { background: url('../shared/icons/fam/image_add.png') no-repeat 0 0 !important; } #fi-button-msg { border: 2px solid #ccc; padding: 5px 10px; background: #eee; margin: 5px; float: left; } </style></head><body> <h1>File Upload Field</h1> <p>The example js is not minified so it is readable. See <a href="file-upload.js">file-upload.js</a>. <a href='FileUploadField.js'>FileUploadField.js</a> is the custom extension used to create the file upload field.</p> <p> <b>Basic FileUpload</b><br /> A typical file upload field with Ext style. Direct editing of the text field cannot be done in a consistent, cross-browser way, so it is always read-only in this implementation. <div id="fi-basic"></div> <div id="fi-basic-btn"></div> </p> <p> <b>Basic FileUpload (Button-only)</b><br /> You can also render the file input as a button without the text field, with access to the field's value via the standard <tt>Ext.form.TextField</tt> interface or by handling the <tt>fileselected</tt> event (as in this example). <div id="fi-button"></div> <div id="fi-button-msg" style="display:none;"></div> <div class="x-clear"></div> </p> <p> <b>Form Example</b><br /> The FileUploadField can also be used in standard form layouts, with support for anchoring, validation (the field is required in this example), empty text, etc. This example also demonstrates using the <tt>buttonCfg</tt> option to provide a customized icon upload button. <div id="fi-form"></div> </p></body></html>⌨️ 快捷键说明
复制代码
Ctrl + C
搜索代码
Ctrl + F
全屏模式
F11
切换主题
Ctrl + Shift + D
显示快捷键
?
增大字号
Ctrl + =
减小字号
Ctrl + -