所以,我有一个用于上传图片的用户输入。这是一个简单的例子:
function handleImage(e){
var reader = new FileReader();
reader.onload = function(event){
var img = new Image();
img.onload = function(){
console.log (img);
}
img.src = event.target.result;
}
reader.readAsDataURL(e.target.files[0]);
}
<input type="file" onchange="handleImage(event)"><br>
如您所见,我Image ()
在console
. 我想将其转换Image
为 jpg 文件。
我知道如何获取图片的像素,但是将它发送到服务器完全是疯狂的:它太大了!
我也尝试访问存储在计算机中的 jpg 文件,但我没有实现任何目标。
我发现的唯一方法是用这样的方式发送它form
:
<form action="anything.php" method="post" enctype="multipart/form-data">
<input type="file" name="fileToUpload" id="fileToUpload">
</form>
在 PHP 中:
$_FILES["fileToUpload"]["tmp_name"]
为什么不用 JS?
我的最终目标是使用 AJAX 发送 jpg 文件。
如果您有任何问题,请告诉我。