javascript - Change the name of filename before upload dropzone -

i want change name of filename when file drop on dropzone.

dropzone.autodiscover = false;      var mydropzone = new dropzone("#pop");    mydropzone.on("addedfile", function(file) {        });      mydropzone.on("removedfile",function(file){    	$.ajax({  				url: "delete.php",  				type: "post",  				data: { 'name': file.name}  				});   });    mydropzone.on("sending", function(file, xhr, formdata) {  			console.log(file);  	 console.log(xhr);console.log(formdata);    	file.uniquename = new date().gettime() +"_" + file.name;  		formdata.append("unicname",  file.uniquename);      $("#pop").append("<input type='hidden' name='hidname' id='hidname' value="+file.uniquename+">");      xhr.response('unival='+file.uniquename);      console.log(xhr);console.log(formdata);              console.log(file);    });    dropzone.options.mydropzone = {   	   	   paramname: "file",    uploadmultiple: true,      init: function() {      	       	          thisdropzone = this;     <!-- 4 -->                    $.getjson('upload.php', function(data) {   			              <!-- 5 -->              $.each(data, function(key,value){                                     var mockfile = { name: value.name, size: value.size };                                    mydropzone.options.addedfile.call(mydropzone, mockfile);                     mydropzone.options.thumbnail.call(mydropzone, mockfile, "upload/"+value.name);                                 });                         });      },       success: function(file, response){                                }         };

have tried following code not work.the values not append form data.the changes variable file not accessible on dropzone.js anywhere definetely can't. dropzone.js

mydropzone.on("sending", function(file, xhr, formdata) {  			console.log(file);  	 console.log(xhr);console.log(formdata);    	file.uniquename = new date().gettime() +"_" + file.name;  		formdata.append("unicname",  file.uniquename);      $("#pop").append("<input type='hidden' name='hidname' id='hidname' value="+file.uniquename+">");      xhr.response('unival='+file.uniquename);      console.log(xhr);console.log(formdata);              console.log(file);    });

none of solution seem work. want save file specific filename specified server.

technically, can change thumbnail filename after uploading file, think dropzone should separated data form, once upload file ,the server return file name. , can set hidden input value filename in data form, submit data form. codes like:

<div id="pop">  </div> <form id="data-form">     <input type="hidden" name="filename">     <input type="submit" name="submit" value="submit"> </form> <script>     var dropzone = new dropzone("#pop");     dropzone.on("success",function(file,response){         var filename = response.data.filename //server return filename         $('input[name="filename"]').val(filename);         var dataurl = response.data.fileurl;         file.name = filename //change thumbnail file name         this.emit("thumbnail",file,dataurl);//draw thumbnail     });  </script>