我正在使用多个输入类型文件来更新一些图片。上传前,页面会显示每张图片的缩影。我想为每张图片做一个删除链接,当用户点击时,图片消失并且文件从输入中删除。
我尝试在下面使用此代码:
HTML:
<input id="midiasUpload" multiple="multiple" type="file" name="midias" accept="image/x-png,image/gif,image/jpeg" />
<div id="midiaDigital"></div>
Run Code Online (Sandbox Code Playgroud)
Javascript:
$(document).ready(function() {
$("#midiasUpload").on('change', function() {
//Get count of selected files
var countFiles = $(this)[0].files.length;
var imgPath = $(this)[0].value;
var extn = imgPath.substring(imgPath.lastIndexOf('.') + 1).toLowerCase();
var image_holder = $("#midiaDigital");
image_holder.empty();
if (extn == "gif" || extn == "png" || extn == "jpg" || extn == "jpeg") {
if (typeof(FileReader) != "undefined") {
//loop for each file selected for uploaded.
for (var i = 0; i < countFiles; i++) …Run Code Online (Sandbox Code Playgroud) 我有一个用 Java 11 开发的项目,必须适应另一个,但使用 Java 8。
这个Java项目11的一些部分采用的String方法isBlank(),即不使用Java 8认可什么是适应用Java 8项目这种方法,最好的方法?
我遵循了入门-使用SOAP Web服务(https://spring.io/guides/gs/consumption-web-service/)来使用特定的Web服务,并且一切正常:
我做了配置类:
@Configuration
public class PMConfiguration {
@Bean
public Jaxb2Marshaller marshaller() {
Jaxb2Marshaller marshaller = new Jaxb2Marshaller();
// this package must match the package in the <generatePackage> specified in
// pom.xml
marshaller.setContextPath("com.inteligenciaweb.wsdl");
return marshaller;
}
@Bean
public ProcuraPMPorREClient procuraPMPorREClient(Jaxb2Marshaller marshaller) {
ProcuraPMPorREClient client = new ProcuraPMPorREClient();
client.setDefaultUri("http://tempuri.org/procuraPMPorRE");
client.setMarshaller(marshaller);
client.setUnmarshaller(marshaller);
return client;
}
Run Code Online (Sandbox Code Playgroud)
}
客户:
public class ProcuraPMPorREClient extends WebServiceGatewaySupport {
private static final Logger log = LoggerFactory.getLogger(ProcuraPMPorRE.class);
public ProcuraPMPorREResponse getPMPorRE(Integer RE) {
ProcuraPMPorRE request = new ProcuraPMPorRE(); …Run Code Online (Sandbox Code Playgroud) 总结一下,我有 3 个实体,主要的一个是名为“Rac”的实体。它包含一个“RacNatureza”列表,其中包含一个属性“Natureza”。
拉克
@Entity
@Table(name = "rac")
public class Rac {
@Id
@GeneratedValue(strategy = GenerationType.IDENTITY)
private Long idRac;
@OneToMany(mappedBy = "rac", cascade = {CascadeType.ALL}, orphanRemoval = true)
@JsonManagedReference //para evitar recursão infinita do JSON
private List<RacNatureza> racNaturezas;
//...getters and setters ok
}
Run Code Online (Sandbox Code Playgroud)
RacNatureza
@Entity
@Table(name = "rac_natureza")
public class RacNatureza implements Serializable {
@Id
@GeneratedValue(strategy = GenerationType.IDENTITY)
@Column(name = "id_rac_natureza")
private Long idRacNatureza;
@ManyToOne
@JsonBackReference //coloquei para evitar a recursao infinita de JSON
@JoinColumn(name="id_rac")
private Rac rac;
@ManyToOne
@JoinColumn(name="id_natureza") …Run Code Online (Sandbox Code Playgroud) 我习惯于使用 Bootstrap,对我来说,网格系统在我的脑海中非常清晰。现在,我正在尝试使用 Angular Flex 布局,即使阅读文档,我也不明白如何使用它。
例如,我有以下使用 Bootstrap 4 的代码:
<div class="container">
<div class="row">
<div class="col-sm-12 col-md-8 col-lg-4">
Something...
</div>
<div class="col-sm-12 col-md-8 col-lg-4">
Something...
</div>
<div class="col-sm-12 col-md-8 col-lg-4">
Something...
</div>
</div>
</div>
Run Code Online (Sandbox Code Playgroud)
如何使用 Angular Flex Layout 编写相同的代码?
我正在将 Angular 5 与 Materialise 一起使用,并且我有一个完美运行的日期选择器:
<input materialize="pickadate"
type="text" class="datepicker" placeholder="Selecione a Data"
[materializeParams]=datePickerParams>
Run Code Online (Sandbox Code Playgroud)
我想在更改此输入日期时调用诸如“dateChanged(date)”之类的方法,例如,我尝试使用 (change)="dateChanged($event)",但不起作用。
我想使用带有 mat-paginator 的 Angular mat-table 来控制带有 http 请求的页面更改。所以,我从我的服务器收到一个具有以下属性的对象:
content: (10) [{…}, {…}, {…}, {…}, {…}, {…}, {…}, {…}, {…}, {…}]
first: true
last: false
number: 0
numberOfElements: 10
pageable: {sort: {…}, offset: 0, pageSize: 10, pageNumber: 0, paged: true, …}
size: 10
sort: {sorted: false, unsorted: true}
totalElements: 82
totalPages: 9
__proto__: Object
Run Code Online (Sandbox Code Playgroud)
属性“number”是当前页面的数量,“totalPages”是我拥有的页面总数。
我试图实现这样的垫分页器:
<mat-paginator [length]="paginas" [pageSize]="10"></mat-paginator>
Run Code Online (Sandbox Code Playgroud)
变量“paginas”存储属性“totalPages”,并正确显示:
问题是,如您所见,箭头按钮预览和前进被禁用。我知道我必须做更多的实现,但是 Angular Material 的官方文档并没有展示如何去做。
我想知道当我在另一个formBuilder组中有一个数组时,如何使用反应形式使用“ setControl”和“ get”。例如:
this.formulario = this.formBuilder.group({
title: [this.racPessoa.title, [Validators.required]],
description: [this.racPessoa.description, [Validators.required]],
person: this.formBuilder.group({
idPerson:[this.racPessoa.person.idPerson],
name:[this.racPessoa.person.nome],
personDocument: this.formBuilder.array([])
}),
});
Run Code Online (Sandbox Code Playgroud)
在上述情况下,如果我想使用“标题”,则可以编写:
this.formulario.setControl('title', something);
this.formulario.get('title');
Run Code Online (Sandbox Code Playgroud)
但是当我要使用一个人内部的“ personDocument”来处理时,我不知道如何在上面写两个句子
我尝试使用:
this.formulario.setControl('person.personDocument', something);
this.formulario.get('person.personDocument')
Run Code Online (Sandbox Code Playgroud)
但这是行不通的。
angular2-forms angular2-formbuilder angular angular-reactive-forms
angular ×4
java ×2
angular5 ×1
criteria ×1
css ×1
html ×1
java-11 ×1
java-8 ×1
javascript ×1
jpa ×1
jquery ×1
mat-table ×1
materialize ×1
predicate ×1
soap ×1
spring ×1
spring-boot ×1
typescript ×1
web-services ×1
wsdl ×1