FormData no esta funcionando

estoy intentando subir un archivo del tipo imagen a través de un formulario en react (por ahora solo con la imagen), he estado siguiendo una documentación de mozilla y otras fuentes para poder hacer la subida del archivo de la mejor manera pero al momento en que le doy enviar (esto sin probarlo con la api) se supone que me debería mostrar el objeto formdata con la imagen añadida, pero sin embargo, esto no sucede mostrando el objeto totalmente vació. No logro salir del problema aún, cuando hago un log del state del file me muestra en consola sin problemas el archivo.

import React, { Fragment } from 'react';  export class CreatePost extends React.Component {  state = {     newPost: [],     categorias: [],     selectedFile: null }  componentDidMount() {     this.getCategories(); }  getCategories = () => {     console.log('categoriasss');     let url = 'http://127.0.0.1:8000/api/';     const secretKey = localStorage.getItem('key');      fetch(url, {         method: 'GET',         headers: {             Authorization: `token $  {secretKey}`         }     })     .then(resp => {         console.log('recibe la info para categorias', resp.status);         return resp.json();     })     .then(info => {         console.log('recibe las categorias', info);         this.setState({             categorias: this.state.categorias.concat(info)         })     }) }  handleChange = (e) => {     // const { name, value } = e.target;     // let newObj = { [name]: value };     // const newData = {...this.state.newPost, ...newObj};     this.setState({         // newPost: newData,         selectedFile: e.target.files[0]     }) }  handleSubmit = (e) => {     e.preventDefault();     console.log('posted ', this.state.selectedFile);     let formData = new FormData();     formData.append('file', this.state.selectedFile)     console.log('que data recibo? ', formData);      // const secretKey = localStorage.getItem('key');     // let url = 'http://127.0.0.1:8000/api/';     // fetch(url, {     //     method: 'POST',     //     body: data,     //     headers: {      //         'Accept': 'application/json',     //         Authorization: `token $  {secretKey}`     //     }     // })     // .then(resp => {     //     console.log('respuesta de la subida ', resp.status);     //     return resp.json();     // })     // .then(respuesta => {     //     console.log('respuesta', respuesta);     // }) }    render() {     const categories = this.state.categorias.map((categoria, id) => {         console.log('y? ', categoria.category);     })     return(         <Fragment>             <h1>Create page</h1>             <form>                 {/* <input name='title' placeholder='title' onChange={e => this.handleChange(e)}></input> */}                 {/* <input name='author' placeholder='author' onChange={e => this.handleChange(e)}></input>                 <input name='description' placeholder='description' onChange={e => this.handleChange(e)}></input>                 <input name='content' placeholder='content' onChange={e => this.handleChange(e)}></input>                 <input name='category' placeholder='category' onChange={e => this.handleChange(e)}></input> */}                 <input name='photo' type="file" onChange={e => this.handleChange(e)}/>                 <button onClick={e => this.handleSubmit(e)}>Crea</button>             </form>         </Fragment>     ) } } 

mi mongoose es 5.6.10 ¿sigue funcionando mongoose.set() de la misma manera que la version 5.2.10?

Tengo una warning:

DeprecationWarning: collection.ensureIndex is deprecated. Use createIndexes instead.

para la cual lei que en mongoose 5.2.10 debia agregar mongoose.set('useCreateIndex', true); donde hago la conexión a la base de datos, mi pregunta es si este mongoose.set() sigue funcionando de la misma forma para la version 5.6.10 yo solo estoy intentando desacerme del warning, pero realmente no se bien que es lo que hace mongoose.set('useCreateIndex', true); la warning desaparece pero en localhost:3900 me sale el mensaje Cannot GET /.

const winston = require('winston'); const mongoose = require('mongoose'); const config = require('config');  mongoose.set('useCreateIndex', true);  module.exports = function() {   const db = config.get('db');    mongoose.connect(db, {useNewUrlParser: true})     .then(() => winston.info(`Connected to $  {db}...`))     .catch(e => console.error(e)); }

Angular 7 – Bibliotecas de QRCode não estão funcionando no meu projeto

Preciso usar o QRCode no meu projeto Angular 7, e fui atrás de algumas bibliotecas já existentes, mas nenhuma delas funcionou.

Utilizei as seguintes:

  • https://github.com/Cordobo/angularx-qrcode (O que testei por último)
  • https://github.com/PragmaticClub/ng2-qrcode
  • https://www.npmjs.com/package/angular-qrcode

No Youtube e nos tutoriais do Medium explicam a mesma coisa: Instalar, importar no App.Module e adicionar a tag no arquivo HTML.

Só que no meu projeto, não aparece o QRcode. De jeito nenhum. Já importei no módulo do componente e no componente, e nem isso funcionou.

Alguém saberia me dizer o que preciso configurar para que mostre o QRCode na página?

Abaixo está o meu código, que está igual ao dos tutoriais listados:

arquivo.html

<div id="print">   <qrcode [qrdata]="'A variavel vai aqui quando funcionar'" [size]="256" [level]="'M'"></qrcode> </div> 

arquivo.component.ts

import { Component, OnInit, AfterViewInit } from '@angular/core'; import { ActivatedRoute } from '@angular/router'; // import { QRCodeModule } from 'angularx-qrcode';  @Component({   selector: 'app-print-qr-body',   templateUrl: './print-qr-body.component.html',   styleUrls: ['./print-qr-body.component.css'] }) export class PrintQRBodyComponent implements OnInit, AfterViewInit {    protocolo: any;    constructor(     private route: ActivatedRoute,   ) {      this.protocolo = this.route.snapshot.params['protocolo'];   }    ngOnInit() {     // this.protocolo = this.route.snapshot.params['protocolo'];   }    ngAfterViewInit() {     let printContents = document.getElementById('print').innerHTML;     document.body.innerHTML = printContents;      // window.print();     // window.close();   }  }  

app.module

import { BrowserModule } from '@angular/platform-browser'; import { NgModule } from '@angular/core'; import { CommonModule } from '@angular/common'; import { HttpClientModule } from '@angular/common/http'; import { FormsModule } from '@angular/forms'; import { NgxBarcodeModule } from 'ngx-barcode'; import { NgxMaskModule, IConfig } from 'ngx-mask'; import { QRCodeModule } from 'angularx-qrcode';  import { AppComponent } from './app.component'; import { MenuComponent } from './menu/menu.component'; import { PrintBodyComponent } from './setor/print-body/print-body.component'; import { PrintQRBodyComponent } from './setor/print-qr-body/print-qr-body.component';  import { AppRoutingModule } from './app-routing.module'; import { BrowserAnimationsModule } from '@angular/platform-browser/animations';  export let options: Partial<IConfig> | (() => Partial<IConfig>);  @NgModule({   declarations: [     AppComponent,     MenuComponent,     PrintBodyComponent,     PrintQRBodyComponent,   ],   imports: [     BrowserModule,     CommonModule,     AppRoutingModule,     HttpClientModule,     FormsModule,     BrowserAnimationsModule,     NgxBarcodeModule,     QRCodeModule,     NgxMaskModule.forRoot(options),   ],   providers: [   ],   bootstrap: [AppComponent] }) export class AppModule { }  

Algumas fontes que consultei:

  • https://www.techiediaries.com/generate-qrcodes-angular/
  • https://www.youtube.com/watch?v=4bsrqHcb-hQ
  • https://medium.com/letsboot/create-qr-codes-with-ngx-qrcode2-33bf39a65022

ICommand no funcionando

Tengo un botón que utiliza un icommand para llamar la operación a realizar, pero este no realiza nada al compilar.

Xaml

<ContentPage xmlns="http://xamarin.com/schemas/2014/forms"          xmlns:x="http://schemas.microsoft.com/winfx/2009/xaml"          x:Class="appTurismoIqq.Vistas.DetalleEntidadPage"          BindingContext="{Binding Main,Source={StaticResource localizador}}"> <ContentPage.Content>     <StackLayout BindingContext="{Binding detalleEntidad}" Padding="5">   <Button Text="Ver Mapa" FontSize="Small" BackgroundColor="LightBlue" HorizontalOptions="Center" Command="{Binding MapaCommand}"></Button>      </StackLayout> </ContentPage.Content> 

Modelo

    public ICommand MapaCommand     {         get         {             return new RelayCommand(IrMapa);         }     }      private async void IrMapa()     {            //   VistaPrincipal.GetInstancia().DetalleSucursales = new DetalleSucursalVModelo(this);         await Application.Current.MainPage.Navigation.PushAsync(new MapAppPage2(latitud2, longitud2, calle1));      } 

No sé que error podría estar cometiendo, lo que se me ocurre es que el modelo donde estoy colocando el icommand no sea el mismo de la vista pero lo he revisado y si coincide.

Por quê o “ion-slides” não está funcionando corretamente no meu aplicativo?

Estou desenvolvendo um aplicativo usando Ionic 4.

Em uma das páginas que comecei a criar, estou tentando usar o componente “ion-slides”.

Inseri um componente básico em uma página html, só para testar, desse jeito:

<ion-slides>   <ion-slide>     <h1>Slide 1</h1>   </ion-slide>   <ion-slide>     <h1>Slide 2</h1>   </ion-slide>   <ion-slide>     <h1>Slide 3</h1>   </ion-slide> </ion-slides>

Não fiz nenhuma alteração no arquivo typescript dessa página, como podem ver abaixo:

import { Component, OnInit } from '@angular/core';  @Component({   selector: 'app-novo-teste',   templateUrl: './novo-teste.page.html',   styleUrls: ['./novo-teste.page.scss'], }) export class NovoTestePage implements OnInit {      constructor() { }    ngOnInit() {   }  }

O problema é que a tela fica toda preta e o “ion-slide” ocupa somente a parte de cima da tela, como aparece na imagem abaixo:

Print da tela onde ocorre o problema Estou usando o Google Chrome, e não apareceu nenhum erro no console do navegador.

Como resolvo isso?

Desde já, obrigado!

Filter transition hover não esta funcionando, alguém pode me ajudar?

Tentei de varias maneiras, mas não deu certo, aqui esta meu código:

.left { 	left: -100px; 	margin-top: 50px; 	filter: contrast(0.8) brightness(1.2) saturate(1.4) blur(4px); 	-webkit-filter: contrast(0.8) brightness(1.2) saturate(1.4) blur(4px); 	-moz-filter: contrast(0.8) brightness(1.2) saturate(1.4) blur(4px); 	transition: filter 4s; 	-o-transition: filter 4s; 	 	 } .left:hover{ 	-webkit-filter: blur(0px);    -moz-filter:blur(0px); 	filter: blur(0px);  	 }
div class="container">          <h1>Find your own spot</h1>        		<p><a href="http://theawwwesomes.org" target="_blank">Created by The Awwwesomes</a>, Pics by <a href="http://unsplash.com" target="_blank">Unsplash</a>.<br>             Lo-fi iceland whatever activated charcoal listicle. Jianbing chicharrones pug wayfarers. Affogato selfies seitan, keytar forage blog iPhone before they sold out you probably haven't heard of them hot chicken next level farm-to-table. Banjo glossier fixie affogato, try-hard sartorial umami godard. Unicorn flexitarian iceland food truck poutine, 90's butcher copper mug subway tile activated charcoal glossier. Kogi enamel pin cred blog intelligentsia art party farm-to-table. Schlitz farm-to-table retro everyday carry typewriter.</p>           <img src="images/girl.jpg" alt="Girl" class="photo-caption left">           <img src="images/water.jpg" alt="Water" class="photo-caption right">         		<h2>You can do it</h2>        		<p>Church-key selvage kitsch wayfarers, semiotics vinyl subway tile echo park celiac 90's. Fap cliche fam migas. Poke waistcoat mustache portland drinking vinegar. Chambray 8-bit put a bird on it, enamel pin la croix vinyl YOLO flexitarian mumblecore lyft vice you probably haven't heard of them edison bulb stumptown. Cray selvage marfa, woke thundercats vinyl coloring book ramps you probably haven't heard of them. Affogato brunch tilde, next level PBR&B VHS XOXO hexagon biodiesel. +1 letterpress mumblecore locavore ennui roof party. Banjo +1 man bun af succulents. Biodiesel snackwave wolf, pitchfork photo booth retro keytar. Tbh fixie narwhal flexitarian, cornhole thundercats mumblecore trust fund succulents. Banjo neutra mixtape, distillery health goth wayfarers bicycle rights pop-up pabst copper mug. Roof party tacos cardigan, pickled keytar forage yr raw denim williamsburg ennui. +1 meggings marfa, helvetica vegan lumbersexual VHS cliche bespoke portland freegan pinterest. Neutra leggings selvage, migas truffaut tattooed cronut 8-bit pickled.</p>        </div>

Meu código para o enigma das jarras não está funcionando

Em primeiro lugar, quero agradecer todos os que lerem esse meu pedido de ajuda. Sou bem novato na linguagem C e tenho mais que certeza que errei e não foi pouco nesse código. Passei o dia todo me empenhando em escrevê-lo mas não consigo achar o erro. Creio que seja algum uso inadequado de ponteiros na função swap() ou alguma outra coisa boba que eu fiz. Enfim, aí está. Por favor, perdoem as noobagens, fiz tudo com meu melhor. O programa até aceita alguns movimentos, mas a maioria não. Estou a utilizar o Ubuntu na sua última versão.

Edit1: O problema das jarras é o seguinte: Você tem três jarras numa mesa a sua frente. A primeira comporta três litros, a segunda cinco litros e a última, comporta oito, e é a única que está cheia. Seu objetivo é separar quatro litros nas jarras b e c, e o único movimento que você pode fazer é o de trocar o líquido de uma jarra para a outra, até que ela atinja o limite da jarra que recebe, ou até o líquido da jarra que despeja acabar.

#include <stdio.h> #include <math.h> #include <stdbool.h> #define MAXA 3 #define MAXB 5 #define MAXC 8  int a = 0, b = 0, c = 8; void swap(int *po, int *pd) {   int maxor, maxdes;   if(po != &a && po != &b && po != &c || pd != &a && pd != &b && pd != &c || po == pd)     return;   if(po == &a)     maxor = MAXA;   if(po == &b)     maxor = MAXB;   if(po == &c)     maxor == MAXC;   if(pd == &a)     maxdes = MAXA;   if(pd == &b)     maxdes == MAXB;   if(pd == &c)     maxdes == MAXC;   if(maxor > maxdes) //se a origem for maior que o destino,   {     int d = maxdes - *pd;     *pd += d;     *po -= d;   }   if(maxor < maxdes)   {     if((*pd) + (*po) > maxdes)     {       *po -= (maxdes - (*pd));       *pd += (maxdes - (*pd));     }   }  } int main() {   int *pa = &a;   int *pb = &b;   int *pc = &c;   while(b != 4 && c != 4)   {     int (*alfa), (*beta);     int cho, chos;     printf("State:\na = %i, b = %i, c = %i\n>", a, b, c);     scanf("%i %i", &cho, &chos);     if(cho == 1)       alfa = &a;     if(cho == 2)       alfa = &b;     if(cho == 3)       alfa = &c;     if(chos == 1)       beta = &a;     if(chos == 2)       beta = &b;     if(chos == 3)       beta = &c;     swap(alfa, beta);   } } 

Função php mail não está funcionando

Eu baixei um template pronto e nela veio uma função mail. Eu costumo utilizar o PHPMailler, mas queria saber como utiliza está por parecer mais simples. Ela não está enviando o e-mail, alguém pode me dizer o porquê?

<?php 

// Check for empty fields if(empty($ _POST[‘name’]) || empty($ _POST[’email’]) || empty($ _POST[‘phone’]) || empty($ _POST[‘message’]) || !filter_var($ _POST[’email’],FILTER_VALIDATE_EMAIL)) { echo “No arguments Provided!”; return false; }

$ name = strip_tags(htmlspecialchars($ _POST[‘name’])); $ email_address = strip_tags(htmlspecialchars($ _POST[’email’])); $ phone = strip_tags(htmlspecialchars($ _POST[‘phone’])); $ message = strip_tags(htmlspecialchars($ _POST[‘message’]));

// Create the email and send the message $ to = ‘meu e-mail’; // Add your email address inbetween the ” replacing yourname@yourdomain.com – This is where the form will send a message to. $ email_subject = “Website Contact Form: $ name”;

$ email_body = “You have received a new message from your website contact form.\n\n”.”Here are the details:\n\nName: $ name\n\nEmail:

$ email_address\n\nPhone: $ phone\n\nMessage:\n$ message”;

$ headers = “From: noreply@yourdomain.com\n”; // This is the email address the generated message will be from. We recommend using something like noreply@yourdomain.com.

$ headers .= “Reply-To: $ email_address”;
mail($ to,$ email_subject,$ email_body,$ headers);

return true;
?>

css funcionando diferente – dentro da tag ou em arquivo separado .css

Montei um arquivo básico com um menu simples. simplifiquei-o ao máximo para tentar encontrar o problema e não consigo.

O problema é que, ao entrar no site, a animação especificada na transition do css começa a funcionar automaticamente, ampliando os botões e alterando suas cores, mas apenas quando importo o arquivo .css Se eu uso a tag para inserir o css, a animação não funciona a menos que o cursor sobreponha o botão.

Abaixo com todo o conteúdo junto, funcionando como eu preciso, apenas com o :hover

<html> <head> <style type="text/css"> .escolha{background-color: #999; color: #fff;} .escolha ul { list-style: none; margin-left: -40px;} .escolha ul li {background-color: #999; padding: 10px 0; cursor: pointer;  transition: all 0.5s ease 0s;} .escolha ul li estado{width: 50%; padding: 10px; transition: all 0.5s ease 0s;} .escolha ul li cidade{width: 50%; padding: 10px; transition: all 0.5s ease 0s;} .escolha ul li:hover {background-color: #6ab4c6; transition: all 0.5s ease 0s;} .escolha ul li:hover estado{background-color: #0088a4;} .escolha ul li:hover cidade{padding: 10px 10px 10px 20px;}` </style>  </head>  <body> <div class="escolha">     <ul>         <li><estado>SP</estado><cidade>São Paulo</cidade></li>         <li><estado>SP</estado><cidade>São Caetano</cidade></li>         <li><estado>PR</estado><cidade>Curitiba</cidade></li>     </ul> </div>  </body> </html>  

Abaixo com os arquivos separados, importando o .css, onde a animação acontece

Meu código .css

.escolha{background-color: #999; color: #fff;} .escolha ul { list-style: none; margin-left: -40px;} .escolha ul li {background-color: #999; padding: 10px 0; cursor: pointer;  transition: all 0.5s ease 0s;} .escolha ul li estado{width: 50%; padding: 10px; transition: all 0.5s ease 0s;} .escolha ul li cidade{width: 50%; padding: 10px; transition: all 0.5s ease 0s;} .escolha ul li:hover {background-color: #6ab4c6; transition: all 0.5s ease 0s;} .escolha ul li:hover estado{background-color: #0088a4;} .escolha ul li:hover cidade{padding: 10px 10px 10px 20px;}` 

Meu código .html

 <html> <head> <link rel="stylesheet" type="text/css" href="css/stylepaginas.css" media="screen, handheld" />  </head>  <body> <div class="escolha">     <ul>         <li><estado>SP</estado><cidade>São Paulo</cidade></li>         <li><estado>SP</estado><cidade>São Caetano</cidade></li>         <li><estado>PR</estado><cidade>Curitiba</cidade></li>     </ul> </div>  </body> </html>  

Tentei utilizar o jsfiddle para testar mas o erro não acontece, apenas no localhost e na versão online.

Se alguém tiver uma solução, eu agradecerei muito.

Mergesort em python não esta funcionando

def merge(A, i, q, u):     n1 = q - i + 1     n2 = u - q     L = []     R = []     for l in range(0, n1):         L.append(A[i + l])     for r in range(0, n2):         R.append(A[q + r + 1])     l = 0     r = 0     for k in range(i, u):         if l > n1:             A[k] = R[r]             r += 1         elif r > n2:             A[k] = L[l]             l += 1         else:             if L[l] <= R[r]:                 A[k] = L[l]                 l += 1             else:                 A[k] = R[r]                 r += 1  def merge_sort(A, i, u):     if i < u:         q = (int)((i + u) / 2)         merge_sort(A, i, q)         merge_sort(A, q + 1, u)         merge(A, i, q, u)  b = [4,1,3,2,16,9,10,14]  merge_sort(b, 0, len(b) - 1)