Question

我正在尝试将多个文件字段保存到服务器。字段字段是动态的，我们可以使用添加按钮上传任意数量的文件。我不想使用表单提交或dropzone。谁能帮助我如何做到这一点。

    <div class="row" id="point_of_interest">  
         <div class="col-lg-4 ">            
             <label>Point of Interest Name</label>
             <input type="text" name="point_of_interest_name"  class="form-control interest_name" >
             <label class="error"  style="color:red; display:none;"></label>
         </div>
        <div class="col-lg-4 ">            
             <label>Upload Image</label>
             <input  type="file" accept="image/*" name="point_of_interest_image[]" class="poi_img form-control" placeholder="Upload image" >
        </div>
        <div class="col-lg-4 ">            
            <div class="form-group">
                 <a class="fa fa-plus-circle fa-lg add_point_of_interest"  style="margin-top:33px;" ></a> 
            </div>
        </div>
    </div>

以上HTML用于动态添加表单字段

    $('#point_of_interest').find('input[type=file]').each(function (index,val) {

        var city_image = $(this).prop(files)[0]; 
    console.log(city_image); 
    point_of_interest_image_list.push(city_image);

    });

上面的jquery代码用于收集多个对象

    @csrf_exempt
    def save_city_data(request):
    try:
       print '=====request========',request.POST
       print      '=====request========',request.FILES.getlist('point_of_interest_image_list')

使用上面的代码我得到所有文件的列表

Answer 1

您可以使用Jquery文件上传插件

如何使用jquery和Ajax将多个文件字段保存到django

1 个答案: