html文件上载和单个按钮上的操作

这是我的html表单：

<button name="upload_inventory" id="upload_inventory" class="btn btn-purple btn-labeled fa">Upload Inventory</button>

上传清单

我想将其用于文件打开对话框，而不是使用

<input type="file" name="upload_inventory" id="upload_inventory" class="btn btn-purple btn-labeled fa">

怎么做

如果我使用button标记，它如下所示：

如果我使用输入标记，它如下所示：

另外，如何从按钮元素内部使用submit？

您必须保留一个“输入类型文件”，并在用户之前将其隐藏

    <input id="hideupload" name="hideupload" 
    type="file"  onChange="doFileText()" style="display:none; "/>
    <button onClick="doFile()" name="upload_inventory" 
    id="upload_inventory" class="btn btn-purple btn-labeled fa">Upload` Inventory</button>

---

直播

让我知道，你准备好使用jQuery了吗？是的。我计划使用jquery从按钮部分提交文件

<script>
function doFile()
{
var x=$('#hideupload');
x.trigger( 'click' );
}
</script>

function doFile()
    {
    var x=document.getElementById('hideupload');
    x.click();
    }