克隆图像,然后使用javascript重命名它
我想使用javascript重命名我在客户端使用摄像头拍摄的图像。我知道由于安全原因,这是不可能的 我已经在服务器端做了,但我需要在上传到服务器之前重命名我的图像。我可以复制图像然后重命名它吗?如果可以,我会怎么做 这是我的javascript文件克隆图像,然后使用javascript重命名它,javascript,Javascript,我想使用javascript重命名我在客户端使用摄像头拍摄的图像。我知道由于安全原因,这是不可能的 我已经在服务器端做了,但我需要在上传到服务器之前重命名我的图像。我可以复制图像然后重命名它吗?如果可以,我会怎么做 这是我的javascript文件 var oFile = new File([""],""); var clonedImage = new Image(); //cloning function function cloneImage () { alert("cloning
var oFile = new File([""],"");
var clonedImage = new Image();
//cloning function
function cloneImage ()
{
alert("cloning1");
clonedImage.name = oFile.name;
document.getElementById("image_file").appendChild( clonedImage);
alert("cloning2");
alert("success" +clonedImage.name );
}
function fileSelected()
{
// get selected file element
oFile = document.getElementById('image_file').files[0];
// filter for image files
var rFilter = /^(image\/bmp|image\/gif|image\/jpeg|image\/png|image\/tiff)$/i;
if (! rFilter.test(oFile.type)) {
alert("Not a proper file format");
return;
}
cloneImage();
alert("cloning");
var oReader = new FileReader();
oReader.readAsDataURL(oFile);
alert("success = "+oFile.name);
alert("success = "+oFile.type);
}
function startUploading()
{
var formdata = new FormData(document.getElementById("upload_form"));
var imageName = oFile.name;
formdata.append("image1",oFile);
var request = new XMLHttpRequest();
request.open('POST', 'http://10.182.xx.xx/upload.php',true);
alert("start uploading");
alert("success ="+oFile.name);
request.send(formdata);
alert("finished");
}
这是我的html文件
<!DOCTYPE html>
<html lang="en" >
<head>
<meta charset="utf-8" />
<link href="file:///android_asset/main.css" rel="stylesheet" type="text/css" />
<script src="file:///android_asset/script.js" type ="text/javascript"> </script>
</head>
<body>
<form id="upload_form" enctype="multipart/form-data" method="POST" action="upload.php">
<div>
<div><label for="image_file">Please select image file</label></div>
<div><input type="file" name="image_file" id="image_file" onchange="fileSelected()" /></div>
</div>
<div>
<input type="button" name="image1" id="image1" value="Upload" onclick="startUploading()"/>
</div>
</form>
</body>
</html>
请选择图像文件
在上面编辑并添加了我的代码嗨,最好在uplaod.php文件中进行重命名。这非常简单。我已经完成了重命名,但出于某种原因,我需要在javascript中使用它。因此我找到了如何进行克隆的部分。有人能建议如何替换图像的名称吗。我编辑了上面的代码以包含克隆部分。