小编Joh*_*vez的帖子

我这里有一个带有onload脚本的按钮.

HTML

<button class="btn default-btn logo_btn" id="photo_uploader">Upload New Photo</button>

脚本

$(function(){
var btnUpload=$('#photo_uploader');
new AjaxUpload(btnUpload, {
    action: base_URL+'upload',
    data: {pid:$('#page').data('id') },
    dataType: 'json',
    name: 'fileToUpload',
    onSubmit: function(file, ext){
        console.log('onSubmit triggred');
        console.log(ext);
        xr_load(['#logo_btns',"start"]);
         if (! (ext && /^(jpg|png|jpeg|gif)$/.test(ext))){
             alert ('images only');
        }
    }
});

选择后,我可以看到所有的文件类型.我想要的是仅使用带有accept属性的输入文件自动查看图像文件类型.

我有一个输入类型文件，我在其中放入了 javascript 中的一个变量，我想在其中操作这些文件。

HTML：

<input class="file" id="file1" name="uploadedimages[]" type='file' multiple/>

JavaScript：

var upload = document.getElementById('file1');
upload.files.splice(idtoremove,1) //not working    

如何删除上传变量中的特定项目？我搜索过输入类型文件是只读的，除非将其放入数组并使用 ajax 上传文件，否则您无法操作它。

我这样做是为了上传到我的画廊。首先我选择多个图像。然后在上传之前首先对图片进行预览。还有一个选项可以删除照片。我的问题是。如何删除输入文件中的照片文件。所以可能的解决方案是将输入文件存储到数组然后删除你想要在数组中的照片然后为数组创建一个表单数据并使用ajax上传

首先,我真的无法理解使用指令的动态方式,如按钮提交后,然后追加特别div.

结果我使用jquery在angular中附加元素.我的问题是ng-click没有绑定附加元素

下面是我的元素控制器和绘图功能的代码

视图

<div class="box" ng-controller="addWorkOrder">
                <div class="box-header with-border">
                  New Work Load
                </div>
                <div class="box-body">
                  <div class="form-group">
                    <input class="form-control" id="add_wl" ng-model="addwo_title" placeholder="Add Work Load">
                  </div>
                  <div class="form-group" id="add_wl_div" style="display:none">
                    <button type="" class="btn bg-olive pull-right" ng-click="click_addwo()">Add</button>
                  </div>
                </div><!-- /.box-body -->
              </div><!-- /.box -->

角度控制器

app.controller('addWorkOrder',['$scope','$rootScope','$http','$compile',function($scope,$rootScope,$http,$compile){
    $scope.$watch('project_id',function(){
            $scope.click_addwo = function(){
                $http.post(base_url+'ajax/add_workorder',{proj_id:$rootScope.project_id,wo_title:$scope.addwo_title})
                .then(function(response){
                    if(response.data.success == 0){
                        alert(response.data.msg);
                    }else{

                        draw_workorder({
                            wo_id : response.data.data,
                            wo_title : $scope.addwo_title
                        });
                        $scope.addwo_title = "";
                    }
                });
            }       
        });
}]);

最后我的函数draw_workorder()在提交按钮成功时被调用

function draw_workorder(data){
    // workorder card view
    l …