如何在angular js中为输入类型文件赋值以编辑表单答案

【问题标题】：How to assign value to input type file for edit form in angular js如何在angular js中为输入类型文件赋值以编辑表单
【发布时间】：2019-05-24 16:54:54
【问题描述】：

我在将值分配给 Angular JS 中的表单时遇到问题，单击编辑时，我正在使用 ngModel 为表单字段分配值。我在输入类型文件的 chrome 中收到错误

你能帮我找到解决办法吗？

【问题讨论】：

添加绑定示例（在 HTML 中），还添加示例如何尝试分配值（点击处理程序的一部分）
还要确保您没有对隐藏字段使用验证

标签： angularjs input angularjs-directive filereader angular-ngmodel

【解决方案1】：

这是我的 HTML 代码，与 ng-model 绑定

 <div class="col-xs-4">
                            <div class="height:100%;">
                                <input type="file"  ng-model="addmaterials.vray_mat_file" name="material_vray_mat"  id="material_vray_mat" class="hidden"  required="" ng-model-options="{ allowInvalid: true }"/>            
                                <label class="mat_file" for="material_vray_mat" >Upload Mat file</label>
                            </div>
                    </div>
                    <div class="col-xs-4">
                        <div class="height:100%;">
                            <input type="file"     required=""  ng-model="addmaterials.vray_sbsar_file" name="material_vray_sbsar" id="material_vray_sbsar" ng-disabled="!addmaterials.createdWithSubstance"  class="hidden"  >            
                            <label class="mat_file" for="material_vray_sbsar" >Upload Sbsar</label>
                        </div>
                    </div>
                    <div class="col-xs-4">
                            <div class="height:100%;">
                                <input type="file" required=""  onchange="angular.element(this).scope().setVrayPrevImg(this)"  ng-model="addmaterials.vray_prev_img" name="material_vray_prev"     id="material_vray_prev" class="hidden"  >            
                                <label class="mat_file" for="material_vray_prev" >Upload Preview</label>
                            </div>
                    </div>

【讨论】：