Como enviar imagen base64 a web services POST C#

Tengo un problema al tratar de consumir un servicio web tipo POST externo; me piden que envíe una imagen en base64, pero al enviarlo me lanza este error: System.UriFormatException: ‘URI no válido: la cadena URI es demasiado larga.’esto sucede antes de enviar todos los datos al web services. la imagen pesa 30 kb.

List<string> Lista = new List<string>(); string url = "http://xxx.cti.lat/yyy/webservices/go.php"; WebClient wc = new WebClient();  wc.QueryString.Add("a", "pDepositos"); wc.QueryString.Add("idc", cueNatura); wc.QueryString.Add("idop", idop); wc.QueryString.Add("nrodoc", numOpe); wc.QueryString.Add("fechadep", "2019/06/21"); wc.QueryString.Add("monto", montoDep); wc.QueryString.Add("local", estable); wc.QueryString.Add("det", ""); wc.QueryString.Add("tipopago", tipoDep); wc.QueryString.Add("canales", "RED"); wc.QueryString.Add("imag64", imagenDep);  var data = wc.UploadValues(url, "POST", wc.QueryString); var responseString = UnicodeEncoding.UTF8.GetString(data);  JavaScriptSerializer js = new JavaScriptSerializer(); dynamic listaMove = js.Deserialize<dynamic>(responseString); 

El error sucede en esta parte de mi codigo: var data = wc.UploadValues(url, “POST”, wc.QueryString); Esto es lo obtengo al convertir en base64:

introducir la descripción de la imagen aquí

icono play se desliza sobre imagen

estoy teniendo problemas con un icono play sobre una imagen, al hacer el diseño responsive para moviles, en algunos tamaños (de 576px hacia abajo) al encoger la pantalla el icono de desliza y queda al lado derecho de la imagen. Abajo figuran los media queries que estoy usando para los demás tamaños. El tema es eso, que la imagen se desliza mientras encojo la pantalla (no se si es entendible) en vez de que aparezca en otro lado como normalmente lo hace al mover la resolucion. Como la imagen se desliza en vez de saltar, no puedo fijarla con media query, hay otro metodo o estoy haciendo algo mal? agradezco su ayuda de antemano.

 .video2{         .test{         position: absolute;         display: block;         background: url(https://www.slatecube.com/images/play-btn.png);         max-width: 50px;         max-height: 50px;         height: 100%;         width: 100%;         background-size: 50px 50px;         background-repeat: no-repeat;         background-position: center;          opacity: 0.5;         left: 220px;         bottom: 40px;      @include to-xxxl(){         left: 265px;         bottom: 40px;     }     @include to-xxl(){         left: 265px;         bottom: 40px;     }     @include to(1199px){         left: 220px;         bottom: 40px;     }     @include to-lg(){         left: 340px;         bottom: 40px;     }     @include to(768px){         left: 335px;         bottom: 40px;     }     @include to(767px){         left: 245px;         bottom: 40px;     }     @include to-sm(){         left: 245px;         bottom: 40px;     }     @include to(575px){         left: 220px;         bottom: 40px;     }     @include to(414px){         left: 190px;         bottom: 40px;     }     @include to(375px){         left: 170px;         bottom: 40px;     }     @include to(374px){         left: 175px;         bottom: 40px;     }     @include to(320px){         left: 145px;         bottom: 40px;     }     @include to(319px){         left: 135px;         bottom: 40px;     }     @include to(246px){         left: 100px;         bottom: 40px;     }     }   } 

Error al procesar thumbnail de imagen con PHP

estoy haciendo un buscador con ajax y funciona a la perfeccion, y en la tabla que muestra los resultados que se encuentran uno de ellos es una etiqueta para mostrar la imagen correspondiente a la fila del id seleccionado, la imagen se guarda en una carpeta junto con su nombre, hasta ahi todo perfecto, mi codigo funciona y me di cuenta que cuando muestra la imagen del id tarda bastante en cargar ya que las imagenes se suben con un telefono por lo que son de bastante calidad entonces decidi hacer un thubnail de la imagen con php para que no tardara tanto, y me funciona, osea doy click a la etiqueta y me muestra el thumbnail bien, pero al momento que selecciono otra fila me muestra el thumbnail de la fila anterior seleccionada hasta que le do ctrl+f5, estoy utilizando la libreria GD de php, a continuacion les dejo mi codigo PHP para mostrar la imagen.

<!DOCTYPE html> <html lang="en"> <head>      <title>Mostrando Imagen</title> </head> <body>  <?php         include('conexion.php'); include 'config.inc.php';  $  id = $  _GET['Id'];          $  db=new Conect_MySql();   $  sql = "SELECT nombre_archivo, titulo FROM tabla_imagen_prueba WHERE Id = '$  id'";  $  query = $  db->execute($  sql);             while($  datos=$  db->fetch_row($  query)){                   $  nombre_imagen = ("imagenes/{$  datos['nombre_archivo']}");          ?>    <div class="text-center">     <h1>Mostrando foto del paciente: <?php echo $  datos['titulo'] ?><a href="index.php" class="linkeador">     VOLVER</a></h1>  <img src="thumb_muestra100.jpg" >  </div> <?php           function miniatura($  archivo, $  local, $  ancho, $  alto){                 $  arrNombre = explode(".", $  local);             $  nombre = $  arrNombre[0];             $  extension = $  arrNombre[1];             if($  extension=="jpg" || $  extension=="jpeg") $  nuevo = imagecreatefromjpeg($  archivo);             if($  extension=="png") $  nuevo = imagecreatefrompng($  archivo);             if($  extension=="gif") $  nuevo = imagecreatefromgif($  archivo);             $  thumb = imagecreatetruecolor($  ancho, $  alto); // Lo haremos de un tamaño 100x100             $  ancho_original = imagesx($  nuevo);             $  alto_original = imagesy($  nuevo);             imagecopyresampled($  thumb,$  nuevo,0,0,0,0,$  ancho,$  alto,$  ancho_original,$  alto_original);             $  thumb_name = "thumb_$  nombre.$  extension";             if($  extension=="jpg" || $  extension=="jpeg") imagejpeg($  thumb, $  thumb_name,70); // 90 es la calidad de compresión             if($  extension=="png") imagepng($  thumb, $  thumb_name);             if($  extension=="gif") imagegif($  thumb, $  thumb_name);         }         miniatura("$  nombre_imagen", "muestra100.jpg", 650, 400);          ?>           <?php             }         ?>    </body> </html> 

Cerrar ultima imagen cuando se hayan visto todas

Quisiera lograr que cuando todas las imagenes se hayan visto y se esté visualizando la última, al acabar el tiempo se cierre todo. ¿qué le añado al codigo para alcanzar lo que busco?

let historyElements= [ 'imagen1','imagen2','imagen3'];  for (let i=0;i < historyElements.length; i++) {   setTimeout(openHistory,1000 * i,historyElements[i]); }  function openHistory(historyName) {   let x = document.getElementsByClassName("history");   for (let i = 0; i < x.length; i++) {     x[i].style.display = "none";     }   document.getElementById(historyName).style.display = "block";   }
body{ margin: 0; }
<img id="imagen1" class="history" src="https://www.wampstore.com/store/image/cache/data/Wamp/Products/Vallejo/Flat%20Red-900x900.jpg">  <img id="imagen2" class="history" src="https://cdn.shopify.com/s/files/1/1218/4290/products/Solid-129-Purple_1400x.jpg?v=1464824795">  <img id="imagen3" class="history" src="https://www.wampstore.com/store/image/cache/data/Wamp/Products/Vallejo/Deep%20Sky%20Blue-900x900.jpg">

Porqué no me inserta la imagen en mi base de datos

tengo un formulario con un codigo php que se dedica a enviar los datos nombre, precio e imagen a una base de datos y la inserte en una carpeta y en mi base me guarde la dirección.

Tengo el siguiente codigo:

<?php if(isset($  enviar)){ 	$  name = clear($  name); 	$  price = clear($  price); 	 	$  imagen = ""; 	if(is_uploaded_file($  _FILES['imagen']['tmp_name'])){ 		$  imagen = $  name.rand(0,1000).".png"; 		move_uploaded_file($  _FILES['imagen']['tmp_name'], "productos/".$  imagen); 	} 	$  mysql_query("INSERT INTO productosima (name,price,imagen) VALUES ('$  name','$  price','$  imagen')"); 	alert("Producto agregado"); 	redir("?p=ejemploinsertardatos"); }  ?>    <form method="post" action="" enctype="multipart/form-data"> 	<div class="form-group"> 		<input type="text" class="form-control" name="name" placeholder="Nombre del producto"/> 	</div>   	<div class="form-group"> 		<input type="text" class="form-control" name="price" placeholder="Precio del producto"/> 	</div>   	<label>Imagen del producto</label>  	<div class="form-group"> 		<input type="file" class="form-control" name="imagen" title="Imagen del producto" placeholder="Imagen del producto"/>     </div>      <div class="form-group"> 		<button type="submit" class="btn btn-success" name="enviar"><i class= "fa fa-check"></i>  Agregar Producto</button>     </div>       </form>

El formulario sale, me deja poner el archivo y todo, pero veo que luego cuando le doy al boton de enviar no se me guarda.

¿Cómo cargar un archivo de imagen grande (alrededor de 70 MB) de una página a otra?

Un cliente me pidió que creara un recortador de imagenes y usé el gran complemento de https://fengyuanchen.github.io/cropperjs/

Una vez que la imagen se carga y se recorta, el usuario puede ver una vista previa de la misma en la página donde inició el proceso (los datos de la imagen se almacenan en un campo oculto codificado en base64), al enviar el formulario debe esperar a que se carguen las imágenes (hasta 5 minutos, dependiendo de la velocidad de conexión).

Mi cliente me preguntó una forma de “diferir la carga” para que el usuario pueda finalizar el proceso de compra mientras se carga la imagen.

Mi única idea es abrir una ventana emergente y enviar allí el texto para cargar la imagen mientras el usuario finaliza el proceso.

¿Hay una mejor opción para hacer eso? ¿Es posible hacer lo que quiero?

SUBIR IMAGEN CON LARAVEL PROBLEMA!

estoy intentando subir 2 imágenes,pero no me esta capturando las imágenes, como demuestro en la foto, se supone que en

“img_p_circulacion”:{},”img_r_tecnica”:{}}

debiera salir el nombre de la imagen dentro de las ‘{}’, pero no aparece, adjunto código.

introducir la descripción de la imagen aquí

HTML

<form method="post" action="{{ route('vehiculos.store') }}" enctype="multipart/form-data" files=”true” > 			{{ csrf_field() }}       <label>Fecha de vencimiento permiso circulación</label>  				<div class="input-group date col-md-6" id='fechaPermisoCirculacion'> 					<input type="text" class="form-control" placeholder="Ingresar Fecha" name="fecha_P_circulacion" required/> 					    <span class="input-group-addon"><span class="glyphicon glyphicon-calendar"></span></span> 					<input type="file" class="form-control" name="img_p_circulacion"> 				</div>  				<label>Fecha de Vencimiento de la Revisión técnica</label>  				<div class="input-group date col-md-6" id='fechaRevisionTecnica'> 					<input type="text" class="form-control" placeholder="Ingresar Fecha" name="fecha_R_tecnica" required/> 					    <span class="input-group-addon"><span class="glyphicon glyphicon-calendar"></span></span> 					<input type="file" class="form-control" name="img_r_tecnica" > 				</div>         <div class="input-group col-md-4"> 	   				<div class="box-header"> 	     				<button type="submit" class="btn btn-primary">Guardar</button> 	   				</div>  				</div> 		</form>

Imprimir Imagen en DataTables

tengo un pequeño problema, acabo de realizar una aplicación para el tema del registro de jornada laboral para mi empresa, en el cual el usuario se loguea y firma con el móvil desde donde este, lo guardo todo en la base de datos y luego lo listo en un datatables… para imprimirlo y tal.. la cosa es que no me deja imprimir las imágenes de las firmas de cada uno de los trabajadores (*aparece en blanco). pd:paso pantallazoen el listado si aparecen las firmas pero al darle a imprimir aparece en blanco

Espero me puedan ayudar, muchas gracias de antemano