小编Kam*_*ara的帖子

在Angular 5中使用文件上传保存FormData

我正在尝试将文件与FormData一起保存在Angular 5中。我可以获取单个文件，但是不知道如何获取所有文件。我有三个图像文件和输入字段，尝试搜索示例。但是只能上传多个文件。我想从此表单上载每个文件。

下面是我的代码：

import { Component, OnInit, ViewEncapsulation } from '@angular/core';
import { Location } from '@angular/common';
import { ActivatedRoute } from '@angular/router';
import { Category } from '../../../shared/services/categories/category';
import { CategoriesService } from '../../../shared/services/categories/categories.service';

@Component({
  selector: 'app-add-category',
  templateUrl: './add-category.component.html',
  styleUrls: ['./add-category.component.scss'],
  encapsulation: ViewEncapsulation.None
})
export class AddCategoryComponent implements OnInit {
  
  category: Category = new Category();
  fileToUpload: File = null;
  
  constructor(
    private categoriesService: CategoriesService,
    private route: ActivatedRoute,
    private location: Location  
  ) { }

  ngOnInit() {
  }

  goBack(): void {
    this.location.back(); …

Run Code Online (Sandbox Code Playgroud)

file-upload angular2-forms angular angular5

Kam*_*ara

2018 11-21

4
推荐指数

3
解决办法

3万
查看次数

在VueJS中取消选中带有标签的CheckBox

我试图取消选中使用VueJs中的标签选中的复选框。

演示：

new Vue({
  el: '#app',
  data: {
    checkedNames: [],
    checkedName: true
  },
  methods: {
    uncheck: function() {
      this.checkedName = !this.checkedName;
    }
  }
})

Run Code Online (Sandbox Code Playgroud)

li.badge.badge-primary {
  cursor: pointer;
  margin: 5px;
  font-size: 100%;
}

ul.checkboxes {
  list-style: none;
}

ul.tags {
  margin-top: -110px;
  margin-left: 85px;
}

Run Code Online (Sandbox Code Playgroud)

<link href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/css/bootstrap.min.css" rel="stylesheet"/>

<script src="https://cdn.jsdelivr.net/npm/vue@2.5.16/dist/vue.js"></script>

<div id='app'>
  <ul class="checkboxes">
    <li><input type="checkbox" id="jack" value="Jack" v-model="checkedNames">
      <label for="jack">Jack</label></li>

    <li><input type="checkbox" id="john" value="John" v-model="checkedNames">
      <label for="john">John</label></li>

    <li><input type="checkbox" id="mike" value="Mike" v-model="checkedNames">
      <label for="mike">Mike</label></li>
  </ul>
  <br/>
  <ul class="tags">
    <li …

Run Code Online (Sandbox Code Playgroud)

html checkbox state vue.js vuejs2

Kam*_*ara

2018 11-21

3
推荐指数

1
解决办法

4599
查看次数

一次打开一个div并关闭所有打开jquery的其他div

试图实现一个显示/隐藏描述框.

如果用户点击第一个showDesc链接,则会打开它的描述框.然后,如果用户单击第二个showDesc链接,则会打开它的描述框,并应关闭所有其他打开的链接.

它在下面:

以下是我的代码:

$(".showDesc").click(function () {
    $(".descContainer").toggleClass("show");
});

Run Code Online (Sandbox Code Playgroud)

.descContainer {
    position: relative;
    padding: 24px 40px 24px 24px;
    border-top: 1px solid rgba(0,0,0,.08);
    display: none;
    line-height: 24px;
    background-color: #fdfdfd;
}

.descContainer.show {
    position: relative;
    padding: 24px 40px 24px 24px;
    border-top: 1px solid rgba(0,0,0,.08);
    display: block;
    line-height: 24px;
    background-color: #fdfdfd;
}

Run Code Online (Sandbox Code Playgroud)

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<main>
<section>
<article class="feedBox mainSmooth" style="display: block;">

<div class="feedContainer">

<div class="feedContent">

<h3>Title</h3>


<div class="feedButtonContainer">
</div>


<ul class="list-inline feedExtras">
<li class="">
<a class="mainSmooth showDesc">show description</a>
</li>
</ul>

</div>

</div>

<div …

Run Code Online (Sandbox Code Playgroud)

html javascript css jquery

Kam*_*ara

2018 01-11

1
推荐指数

1
解决办法

525
查看次数