Javascript 如何用C手动调用fileupload控件的onchange事件#

我有一个带有文件上载控制器和图像的网页。

 <img src='#' id='imageId' alt='your image' height='64' width='64' src='placeholder.png' class='placeholder' >

 <input type='file' id='myID' onchange='previewImage(this)' accept='image/*' data-thumbnail='imageId'>

但是原始HTML代码中还保留了一些属性。我不知道如何用C#代码实现它们。

此外，还必须实现文件上载控件的“onchange”事件。

“previewImage（this）”是用于预览所选图像的javascript函数。

Sp请帮我用c代码解决这些问题。

试试这个

tt.Attributes.Add("onchange", "previewImage()");

试试这个

tt.Attributes.Add("onchange", "previewImage()");

希望这对您有所帮助：

tt.Attributes["onchange"] = "previewImage(this)";

希望这对您有所帮助：

tt.Attributes["onchange"] = "previewImage(this)";

---

我想这可能会帮助你

javascript

<script class="jsbin" src="http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script>
<script class="jsbin" src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.0/jquery-ui.min.js"></script> 

<script type="text/javascript">
        function previewImage(input) {
        if (input.files && input.files[0]) {
            var reader = new FileReader(); 

            reader.onload = function (e) {
            $('#imageId').attr('src', e.target.result);
            };
            reader.readAsDataURL(input.files[0]);
        }
      }
 </script>  


<img src='#' id='imageId' alt='your image' height='64' width='64' class='placeholder' >
<input type='file' id='myID' onchange='previewImage(this)' >

---

我想这可能会帮助你

javascript

<script class="jsbin" src="http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script>
<script class="jsbin" src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.0/jquery-ui.min.js"></script> 

<script type="text/javascript">
        function previewImage(input) {
        if (input.files && input.files[0]) {
            var reader = new FileReader(); 

            reader.onload = function (e) {
            $('#imageId').attr('src', e.target.result);
            };
            reader.readAsDataURL(input.files[0]);
        }
      }
 </script>  


<img src='#' id='imageId' alt='your image' height='64' width='64' class='placeholder' >
<input type='file' id='myID' onchange='previewImage(this)' >

---

使用previewImage（）时，我需要传递参数“this”。我该怎么做？嗯，这很难，但我认为这不会起作用，在该函数调用中创建一个新函数，如

sampleFunction（）

。我只是猜测，但可能有用。因此，在服务器端代码中。您只需添加新函数

tt.Attributes.add（“onchange”，“sampleFunction（）”）

Ok您知道如何设置datathumbnail='imageId'吗？只需尝试添加属性

tt.Attributes.add（“datathumbnail”，“imageId”）那么“this”参数的实际值是什么？它是所选的文件还是其他什么？使用previewImage（）我需要传递参数“this”。我怎么做呢？嗯，这很难，但我认为这不会起作用，在该函数调用
previewImage（this）
中创建一个新函数，如
sampleFunction（）
。我只是猜测，但可能有用。因此，在服务器端代码中。您只需添加新函数
tt.Attributes.add（“onchange”，“sampleFunction（）”）
Ok您知道如何设置datathumbnail='imageId'吗？只需尝试添加属性
tt.Attributes.add（“datathumbnail”，“imageId”）那么“this”的实际值是什么参数？是选择的文件还是其他？我如何设置data thumbnail='imageId'？我如何设置data thumbnail='imageId'？与我使用的javascript完全相同。但我想要的是用C代码调用此函数。因此，我需要用C代码手动创建Fileupload控件和图像。当你想调用时，是什么意思？任何特定控件？要在c#u中调用此函数，必须添加以下内容..ScriptManager.RegisterStartupScript（this，this.GetType（），“Javascript”，“Javascript:previewImage（input）；”，true）；实际上，我用上面的C代码手动创建了文件上传控制器和图像。所以现在我想要的是当我选择图像预览时，它应该显示在图像框中。这就是我想要用我使用过的完全相同的javascript手动编码的方法。但是我想要的是用C代码调用这个函数。所以我需要用C代码手动创建Fileupload控件和图像。你想调用什么时候？任何特定控件？要在c#u中调用此函数，必须添加以下内容..ScriptManager.RegisterStartupScript（this，this.GetType（），“Javascript”，“Javascript:previewImage（input）；”，true）；实际上，我用上面的C代码手动创建了文件上传控制器和图像。所以现在我想要的是当我选择图像预览时，它应该显示在图像框中。这就是我想用手工编码做的