Javascript 重命名BLOB form.append

好的，我被难住了，我已经能够成功地将调整大小的图像/blob上传到服务器文件夹<代码>问题是图像/blob上传总是被称为blob。有没有办法在客户端更改名称，还是应该在服务器端更改名称？
如果是这样的话，你能给我举个例子吗？这里是我用来交流的两个脚本

客户端调整大小

<script>
function handleFiles(){
var dataurl = null;
var filesToUpload = document.getElementById('input').files;
var file = filesToUpload[0];

// Create an image
var img = document.createElement("img");
// Create a file reader
var reader = new FileReader();
// Set the image once loaded into file reader
reader.onload = function(e)
{
    img.src = e.target.result;

    img.onload = function () {
        var canvas = document.createElement("canvas");
        var ctx = canvas.getContext("2d");
        ctx.drawImage(img, 0, 0);

        var MAX_WIDTH = 200;
        var MAX_HEIGHT = 400;
        var width = img.width;
        var height = img.height;

        if (width > height) {
          if (width > MAX_WIDTH) {
            height *= MAX_WIDTH / width;
            width = MAX_WIDTH;
          }
        } else {
          if (height > MAX_HEIGHT) {
            width *= MAX_HEIGHT / height;
            height = MAX_HEIGHT;
          }
        }
        canvas.width = width;
        canvas.height = height;
        var ctx = canvas.getContext("2d");
        ctx.drawImage(img, 0, 0, width, height);
        dataurl = canvas.toDataURL("image/jpeg",.2);
        var blobBin = atob(dataurl.split(',')[1]);
        var array = [];
        for(var i = 0; i < blobBin.length; i++) {
        array.push(blobBin.charCodeAt(i));
        }
       var files = new Blob([new Uint8Array(array)], {type: 'image/jpg', name: ""});
       var filename = getFileName()



        // Post the data
        var fd = new FormData();
        fd.append("image",files);
        $.ajax({
            url: 'http:///www.i-audit-jci.com/upload.php',
            data: fd,
            cache: false,
            contentType: false,
            processData: false,
            type: 'POST',
            success: function(data){
                $('#form_input')[0].reset();
                location.reload();
            }
        });
    } // img.onload
}
// Load files into file reader
reader.readAsDataURL(file);
}
</script>

函数handleFiles（）{
var-dataurl=null；
var filesToUpload=document.getElementById（'input'）.files；
var file=filesToUpload[0]；
//创建一个图像
var img=document.createElement（“img”）；
//创建文件读取器
var reader=new FileReader（）；
//将图像加载到文件读取器后进行设置
reader.onload=函数（e）
{
img.src=e.target.result；
img.onload=函数（）{
var canvas=document.createElement（“canvas”）；
var ctx=canvas.getContext（“2d”）；
ctx.drawImage（img，0,0）；
var MAX_WIDTH=200；
var最大高度=400；
变量宽度=img.width；
var高度=img高度；
如果（宽度>高度）{
如果（宽度>最大宽度）{
高度*=最大宽度/宽度；
宽度=最大宽度；
}
}否则{
如果（高度>最大高度）{
宽度*=最大高度/高度；
高度=最大高度；
}
}
画布宽度=宽度；
canvas.height=高度；
var ctx=canvas.getContext（“2d”）；
ctx.drawImage（img，0，0，宽度，高度）；
dataurl=canvas.toDataURL（“image/jpeg”，.2）；
var blobBin=atob（dataurl.split（'，）[1]）；
var数组=[]；
对于（var i=0；i

服务器PHP

<?php
$upload_image = $_FILES["image"][ "name" ];
$a = ('" alt="" />');
$folder = "images/";
move_uploaded_file($_FILES["image"]["tmp_name"], "$folder".$_FILES["image"]["name"]);;
$file = 'images/'.$_FILES["image"]["name"];
$uploadimage = $folder.$_FILES["image"]["name"];
$newname = $_FILES["image"]["name"];
$msg = '';
if($_SERVER['REQUEST_METHOD']=='POST'){
$a = ('" alt="" />');
$image = $_FILES['image']['tmp_name'];
$img = file_get_contents($image);
$con = mysqli_connect('mysql***','***','***','***') or die('Unable To connect');
$sql = ("INSERT into links (hyper_links) VALUES('<img src=\"\https://www.i-audit-jci.com/images/".$_FILES['image']['name']."$a')");

$stmt = mysqli_prepare($con,$sql);

mysqli_stmt_bind_param($stmt, "s",$img);
mysqli_stmt_execute($stmt);

$check = mysqli_stmt_affected_rows($stmt);
if($check==1){
    $msg = 'Successfullly UPloaded';
}else{
    $msg = 'Could not upload';
}
mysqli_close($con);
}
?>
<?php
echo $msg;
?>

---

您可以在
FormData.append（）函数的第三个参数处设置传递给
FormData
的
文件
对象的name属性


var blob=新blob（[123]{
类型：“文本/普通”
});
var data=new FormData（）；
//将“blob”名称设置为“file.txt”`
data.append（“file”，blob，“file.txt”）；
log（data.get（“文件”）、data.get（“文件”）.name）
您可以在
FormData.append（）函数的第三个参数处设置传递给
FormData
的
文件
对象的name属性


var blob=新blob（[123]{
类型：“文本/普通”
});
var data=new FormData（）；
//将“blob”名称设置为“file.txt”`
data.append（“file”，blob，“file.txt”）；
log（data.get（“文件”）、data.get（“文件”）.name）哦，天哪，这是一些可怕的php代码。另外，如果您声明
始终被称为blob
，而php代码的第一行是
$\u文件[“image”][“name”]
，那么。。。到底是哪一个
name
或
blob
。图像文件夹中的名称只是blob，保存时可以使用rename（oldname、newname、context）重命名。哦，天哪，这是一些可怕的php代码。另外，如果您声明
始终被称为blob
，而php代码的第一行是
$\u文件[“image”][“name”]
，那么。。。到底是哪一个
name
或
blob
。图像文件夹中的name只是blob，保存时您可以使用rename（oldname、newname、context）重命名。好的，不知道现在要将其放入原始脚本的何处，请帮我添加代码段。使用
FormData.append（）的第三个参数
设置
文件
对象的
name
，例如，要将文件命名为
“file.txt”
请使用
fd.append（“file”，file，“file.txt”）。
javascript
的其余部分似乎返回了预期的结果，因此我添加了，一定没有正确执行，因为文件名保持不变
var fd=new FormData（）
fd.append（“图像”，文件）；//blob文件
fd.append（“file”，file，“file.txt”）
使用您现有的
javascript
，也就是说，
fd.append（“image”，files，“nameFileHere”）
实现了这一技巧，感谢您的帮助，非常感谢guest271314ok不确定现在将哪里放入原始脚本中，您能帮我添加代码段吗使用
FormData.append（）的第三个参数
设置
文件
对象的
名称
，例如，将文件命名为
“File.txt”
使用
fd.append（“File”，File，“File.txt”）。
javascript
的其余部分似乎返回了预期的结果，因此我添加了，一定没有正确执行，因为文件名保持不变
var fd=new FormData（）
fd.append（“图像”，文件）；//blob文件
fd.append（“file”，file，“file.txt”）
使用您现有的
javascript
，也就是说，
fd.append（“image”，files，“nameFileHere”）
完成了这个技巧，谢谢您的帮助，非常感谢您的来宾271314